[React] - state 값 전달 props

const Test = () => {

    let [title, setTitle] = useState(['바나나', '딸기', '사과'])

    return (
        <div>
            <Modal title={title}/>
        </div>
    );
}

const Modal = (props) => {
    return(
        <div>
            <h1>modal</h1>
            <h2>{props.title[0]}</h2>
        </div>
    )
}

* 꼭 부모에서 자식으로만 보낼 수 있다.

 

<Modal title={title}> 일반 변수, 함수 전송도 가능하고

<Modal title="바나나딸기우유"> 일반 문자전송은 중괄호 없이 이렇게 해도 됩니다.