[React] stopPropagation, preventDefault

stopPropagation

부모 요소 이벤트 전달 막기

(자식 요소가 부모 요소 이벤트를 실행하지 않도록 막기)

ex. 모달, 카드와 카드 내부 버튼

onClick={(event) => event.stopPropagation()}

 

preventDefault

이벤트 실행 막기

ex. form 태그의 submit 이벤트

onSubmit={(e) => e.preventDefault()}

 

 

 

 

2023.04.19