-
카테고리
-
세부 분야
프론트엔드
-
해결 여부
해결됨
일기 쓰기 부분 26분 경 onClick
23.09.05 17:12 작성 조회수 134
0
import React from 'react';
const EmotionItem = ({
emotion_id,
emotion_img,
emotion_descript,
onClick,
}) => {
return (
<div onClick={() => onClick(emotion_id)} className="EmotionItem">
<img src={emotion_img} alt="감정 이미지" />
<span>{emotion_descript}</span>
</div>
);
};
export default EmotionItem;
DiaryEditor에서 EmotionItem 부분에 onClick 프롭스를 전달해주고 있는데요. div 부분에 onClick을 받는 건 알겠는데 중괄호 안에 또 onClick을 받는 건 왜인가요? 코드 문법이 잘 이해가 되지 않아 질문 드립니다.
답변을 작성해보세요.
0
이정환 Winterlood
지식공유자2023.09.07
안녕하세요 이정환입니다.
중괄호 안의 onClick -> EmotionItem 컴포넌트에서 Props로 받는 onClick을 말씀하는게 맞으시죠? 그렇다면 이는 EmotionItem에서 구조분해 할당으로 Props를 하나하나씩 변수에 할당받아 전달받는 형태입니다.
답변 1