강의

멘토링

로드맵

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

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

작성한 질문수

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

express.static 미들웨어

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

작성

·

155

0

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

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


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

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

 

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

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

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

 

퀴즈

Node.js는 웹 서버 자체일까요, 아니면 다른 역할을 할까요?

웹 서버 자체입니다.

JavaScript 실행 환경입니다.

데이터베이스 관리 시스템입니다.

프론트엔드 렌더링 도구입니다.

답변 1

1

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

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

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

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

감사합니다!!! 😍

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

작성한 질문수

질문하기