props

컴포넌트 안에 파라미터 처럼 데이터를 이동 시킬 수 있다.

 

부모에서 자식까지만 가능하며 자식은 부모에게 줄 수 없다.

 

상위 컴포넌트가 app이라면 app안의 modal 안에는 값을 줄 수 있다.

 

      {
        modal == true ? <Modal 글제목={글제목} title={title} 글제목변경={글제목변경}/> : null
      }

function Modal(props){
  return(
    <div className="modal">
      <h4>{props.글제목[props.title]}</h4>
      <p>날짜</p>
      <p>상세내용</p>
      <button onClick={()=>{
        let copy = [...props.글제목];
        copy[0] = '여자 코트 추천';
        props.글제목변경(copy);
      }}>글수정</button>
    </div>
  )
}

Modal 안에 파라미터의 이름을 정한 뒤 (보통 props라 부른다) 데이터를 꺼내서 쓴다.