• 카테고리

    질문 & 답변
  • 세부 분야

    프론트엔드

  • 해결 여부

    해결됨

이벤트 핸들러가 Root에 모이면

24.05.29 22:20 작성 조회수 119

0

리액트에서는 onClick으로 이벤트를 등록하면 Root에 모이게 된다고 하셨는데
제가 이 부분을 정확히 이해했는지 알고싶어서 질문 드립니다!


보통은 자바스크립트에서는 각 요소마다 addEventListener를 여러 번 호출하면 메모리 측면에서 비효율적이고 성능이 떨어질 수 있다고 알고 있습니다. 그래서 이벤트 위임을 사용하는 것으로 이해했습니다.

 

현재 강의에서는 각 요소마다 onclick 이벤트를 등록하셨는데
리액트에서는 Root에서 중앙통제하기 때문에 상관없다는 것으로 인지했습니다.

  1. 제가 알기로는 이벤트들을 모아다가 root에 addEventListener를 하는 것으로 알고 있는데 이게 맞을까요?

  2. 그러면 리액트에서는 굳이 이벤트 위임을 사용할 필요가 없을까요? 예를 들어 onClick을 여러 요소에 등록하지 않고 상위 요소 하나에만 등록하는 것처럼 말이죠..!

답변 1

답변을 작성해보세요.

0

둘 다 맞습니다!

제가 지금 여행중이라 급하게 링크만 남겨둘게요 ㅎㅎ

https://medium.com/@agrawalsaurabh026/how-react-handles-events-and-utilizes-event-delegation-fb9f147cb650

헐 빠른 답변 정말 감사합니다!

채널톡 아이콘