event bubbling 방지

<div>
	<h4>글 제목<span onClick=>{(e)=>onClickHandler(e)}>3글자 </span></h4>
</div>

위와 같은 코드가 있을 때 span tag 클릭시 onClick event 가 3번 발생함
이는 상위요소로 이벤트가 퍼지는 html 의 속성임
이럴 떄?

const onClickHandler=(e)=>{
	e.stopPropagation();
    ...code..
}

이렇게 상위 요소로 전달되지 않게 할 수 있음