인프런 커뮤니티 질문&답변
작성한 질문수
순수자바스크립트로 처음 이렇게 많이 작성해봤습니다.
해결된 질문
작성
·
250
1
리액트로 프론트엔드 공부를 시작해서 순수 자바스크립트를 작성해봐서 좋은 경험이었습니다.
조금 실습하다가 조금 궁금한 점이 생겨서 질문을 남깁니다.
Delegate라는 helper 함수를 사용했는데 조금 낯선 방식이어서 오래 봤습니다. 이런 패턴을 자주 사용하나요?
리액트를 사용할 경우,
리스팅되는 component에 이벤트 리스너를 붙일 때
items.map(item => <li onClick={() => handleClick(item.id)} >)
위와같이 사용했는데 이렇게 각 컴포넌트마다 이벤트리스너를 박아놓는건 좋지않은 방식일까요? 조언 부탁드립니다.
답변 2
3
김정환
지식공유자
순수js로 만들때 delegate 함수를 써서 이벤트를 한번에 처리했는데요. 반변 리액트에서는 리스트의 요소마다 이벤트 핸들러를 추가해서 사용했습니다. 생성된 콜백함수 갯수를 절약할 목적이였죠.
리액트 리스팅에서는... 저도 주로 이렇게 사용했는데요. 이벤트 처리함수를 각 자식요소마다 추가하는 것이 좋을지 나쁠지에 대해서는 더 공부해 봐야할 것 같아요.
0
