〰 props

〰 props 사용법

1. <자식컴포넌트 전송할이름={state명}> 이렇게 사용해주신 후
2. 자식컴포넌트 선언하는 function 안에 파라미터를 하나 만들어주시면 됩니다.

function App (){
  let [변수, 변수변경] = useState('초기값');
  return (
    <div>
      ...
      <Component 변수={변수}></Component>
    </div>
  )
}
function Modal(props){
  return (
    <div>
      <h2>제목 { props.변수[0] }</h2>
    </div>
  )
}

❗  <Modal 전송할이름={state명}> 이렇게 원하는 state를 적어주시면 전송됩니다.
❗  그리고 function Modal(props){} 이렇게 Modal 함수 소괄호 내에 파라미터를 하나 추가해줍니다.
❗  그럼 이제 props.전송할이름 이렇게 쓰시면 전송된 props를 사용가능합니다.