onClick
- 버튼을 클릭할 때 어떤 동작이 실행되어야 하는 경우 onclick을 사용
onSubmit
- <form> 태그에서만 사용가능
- onSubmit은 기본적으로 호출될 때 페이지를 새로고침하는 효과가 있음 => e.preventDefault() 새로고침 방지
참고
[React] - 13) onSubmit/onClick의 차이
onSubmit / onClick 리액트에서 이벤트를 처리할 때, 그동안은 보통 onClick을 사용했습니다. 하지만 리액트에서는 종종 onSubmit을 사용하기도 합니다. 한번 그 차이를 알아볼까요? 우선 onClick으로 구현
enfanthoon.tistory.com
[React] 리액트에서 onSubmit / onClick 이벤트와 form 태그
form 태그의 내부 / 외부에서 각각 onSubmit / onClick 속성을 통해 이벤트핸들러를 실행해보았다. 그 결과와 사용 방법은 아래와 같다. form 태그 외부 : onSubmit / onClick 속성 0. 이벤트 핸들러 제작 // 이
jacobgrowthstory.tistory.com
'⛵ 항해99 > TIL · WIL ✏️' 카테고리의 다른 글
| [TIL] 2023.10.17 - Tailwind CSS(투명도) (0) | 2023.10.17 |
|---|---|
| [TIL] 2023.10.16 - git restore . (0) | 2023.10.16 |
| [TIL] 2023.10.13 - Vite와 CRA (0) | 2023.10.13 |
| [TIL] 2023.10.12 - Tailwind CSS(하단바 고정하기) (0) | 2023.10.12 |
| [TIL] 2023.10.11 - onClick으로 URL(Endpoint)에 Id값 전달하기 (0) | 2023.10.11 |