[React] props - 자식이 부모 state 쓰고 싶을 때

App 컴포넌트(부모) 안에

Modal 컴포넌트(자식) 있는 것

 

 

* state 만드는곳은 컴포넌트들중 최상위 컴포넌트에 만들어야 됨 (보통 App.js)

 

 

부모→자식 state 전송시 props 문법

 

props 전송은   자식→부모는 불가능 

props 전송은 옆집 컴포넌트도 불가능

부모가 자식에게 주는 것만 가능!!!

 

 

1. 부모 컴포넌트에 

자식컴포넌트 태그 안에 작명={state이름}

<자식컴포넌트이름 작명={state이름}>

*작명은 보통 state이름 이랑 똑같이 함

 

2. 자식 컴포넌트에

props 파라미터 등록 후 props.작명

const 자식컴포넌트 =(props)=>{

return
    <div>{props.작명}</div>
}