React에서 children, child 컴포넌트에 props를 넘겨주는 방법

2022년 10월 19일조회 157

child 컴포넌트에 props를 넘겨주는 방법이 있을까요? <Parent> <Child /> <Child /> <Child /> </Parent> 이런 구조인데 Child 컴포넌트가 부모 컴포넌트의 값을 고정으로 받아야 합니다. 하나하나 props로 넘겨주지 않고 Parent 컴포넌트안에서 props로 넘겨주고 싶은데 어떻게 하면 좋을까요?

이 질문이 도움이 되었나요?
'추천해요' 버튼을 누르면 좋은 질문이 더 많은 사람에게 노출될 수 있어요. '보충이 필요해요' 버튼을 누르면 질문자에게 질문 내용 보충을 요청하는 알림이 가요.
profile picture
익명님의 질문

답변 1

성원님의 프로필 사진

| Parent 컴포넌트안에서 props로 넘겨주고 싶은데 어떻게 하면 좋을까요? 이 말로 미루어보아 Children을 props로 받는 구조인 것 같습니다. React.cloneElement 함수를 사용해서 고정된 값을 넘겨주면 될 것 같습니다. children 컴포넌트들이 특정 key, id 그리고 클릭 여부(defaultActive)를 받는 상황이라고 하면 다음과 같이 작성하면 될 것 같아요 import {cloneElement} from "react" const Parent = ({ id, defaultActive, children }) => { const cloneChildren = children.map((el, index) => { return cloneElement(el, { key: `key${index + 1}`, id, active: defaultActive === index, }); }); return <div>{cloneChildren}</div>; };

지금 가입하면 모든 질문의 답변을 볼 수 있어요!

현직 개발자들의 명쾌한 답변을 얻을 수 있어요.

또는

이미 회원이신가요?

목록으로
키워드로 질문 모아보기

기술, 커리어 고민이 있다면

새로운 질문 올리기

지금 가입하면 모든 질문의 답변을 볼 수 있어요!