목록Props (1)

코딩하는 고릴라

[React] 하위 컴포넌트에 props 전달

하위 컴포넌트에 props 전달하기 1) 하위 컴포넌트 요소에 전달할 속성 명시 - Modal 컴포넌트에 title 이라는 이름으로 title state를 전달 - Modal 컴포넌트에 idx 라는 이름으로 modalIdx state를 전달 2) 하위 컴포넌트에서 받아주기 - Modal 컴포넌트에서 props 라는 이름으로 속성 받기 - props 안에 있는 title을 꺼내 사용하기 위해 {props.title} 사용 - props 안에 있는 idx를 꺼내 사용하기 위해 props.idx 사용 3) 작동 예 - 각 Title의 제목을 누르면 화면 중단 아래에 해당 제목을 출력
React 2023. 11. 7. 17:30
이전 Prev 1 Next 다음