props로 부모->자식 state전송

function App (){
  let [글제목, 글제목변경] = useState(['남자코트 추천', '강남 우동맛집', '파이썬독학']);
  return (
    <div>
      <Modal 글제목={글제목}></Modal>
    </div>
  )
}

function Modal(props){
  return (
    <div className="modal">
      <h4>{ props.글제목[0] }</h4>
      <p>날짜</p>
      <p>상세내용</p>
    </div>
  )
}

자식 component를 사용하는 곳에 가서 보내고자 하는 값을 작명 = {값}이런 형식으로 보내준다.
위의 코드에서는 Modal한테 글제목을 보내주고 있다. 작명은 값과 같은 이름으로 하는 것이 일반적이다.

Modal component에서는 props로 받는 것이 일반적이다.