[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의 제목을 누르면 화면 중단 아래에 해당 제목을 출력