강의

멘토링

커뮤니티

인프런 커뮤니티 질문&답변

김개발님의 프로필 이미지
김개발

작성한 질문수

[리뉴얼] React로 NodeBird SNS 만들기

express.static 미들웨어

map 내에서 고차함수 사용 질문 드립니다.

작성

·

154

0

1)
const temp ⇒ (data) => { //로직 }; 

<Button onClick={() => temp(data)}>버튼</Button>


2) 
const temp = (data) ⇒ () ⇒ { //로직 };

<Button onClick={temp(data)}>버튼</Button>

 

1번처럼 사용해도 기능에 문제는 없는데

2번처럼 사용하는 경우가 성능상의 문제 때문일까요?

명확한 답을 알고싶은데 구글링을 해봐도 원하는 답을 찾기가 어려워 질문 남겨봅니다... 😥

 

답변 1

1

제로초(조현영)님의 프로필 이미지
제로초(조현영)
지식공유자

둘 다 리렌더링이 되는 문제가 있습니다. 따라서 둘 다 완벽한 답은 아닙니다.

가장 좋은 것은 map 내부에서 렌더링하는 JSX를 별도의 컴포넌트로 빼는 것입니다. onClick에 필요한 data는 props로 넘기고요.

김개발님의 프로필 이미지
김개발
질문자

감사합니다!!! 😍

김개발님의 프로필 이미지
김개발

작성한 질문수

질문하기