강의

멘토링

커뮤니티

Inflearn コミュニティ Q&A

oridori2705 のプロフィール画像
oridori2705

投稿した質問数

[React/VanillaJS] UI要素を直接作成する Part 1

アコーディオン (4/6) ピュアJavaScriptで作成

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

解決済みの質問

作成

·

300

0

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


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

 

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

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

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

reacttypescriptdomuivanilla-js

回答 1

0

jaenam님의 프로필 이미지
jaenam
インストラクター

둘 다 맞습니다!

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

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

oridori2705님의 프로필 이미지
oridori2705
質問者

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

oridori2705 のプロフィール画像
oridori2705

投稿した質問数

質問する