modal event.target 확인 방법

modal event.target 확인 방법

우리의 고민 id vs data-set

1. id

• 각각 modal이나 dropdown에 modal이나 dropdown으로 class를 주고 각각 정확한 명칭인 id를 작성한 후 event.target의 closest로 modal이나 dropdown을 찾아서 해당하는 id의 모달 이외의 것을 다 꺼주는 방식

2. data-set

• 각각 modal이나 dropdown에 data-set속성을 추가한다. 이후 event.target의 data-set을 통해 해당하는 modal을 구문하는 방식.

해결책

참고링크

• useRef를 사용하여 커스텀 훅을 구현하여 해당하는 dom을 직접 접근하지 않고 사용한다. ref.current.contains()를 통해 해당하는 event.target의 포함여부를 확인한다.