react 뒷부분 클릭 막기

외부에 클릭 시 함수가 걸려있고 그 안에 있는 요소들이 바깥의 클릭을 누르는 것을 막으려면 e.stopPropagation(); 를 사용해 주면 된다.

<div onClick={outsideFunction}>
  <div onClick={(e) => {
    e.stopPropagation(); 
    someInnerSideFunction();
  }}>
    이 안쪽의 공간에서는 outsideFunction 이 실행되지 않는다.
  </div>
</div>