React에서 Modal 스타일 사용할 때

Modal을 사용할 때 배경을 클릭하면 닫히는 기능을 하려고 할때
Modal에 백그라운드 div를 하나 같이 생성해 준다
이 때 z-index를 모달보다 낮게 주고 다른 배경보다는 높게 줘서
그 부분을 클릭 했을 경우 모달이 닫힐 수 있도록 한다

이렇게 하는 이유는, 그냥 백그라운드에 기능을 넣을 경우에는
모달 클릭 부분도 같이 기능이 겹쳐버리기 때문이다

댓글