props

props 받아오기

function App(){
   const [title, setTitle] = useState("react")
   return(
      <div>
         <Component title={title}></Component>
      </div>
   )
}

자식 컴포넌트를 사용하는 곳에서 <자식컴포넌트 props이름={state이름}>

 

props 사용

function Modal(props){
   return(
      <div>
         <h1>{props.title}<h1>
      </div>
   )
}

자식 컴포넌트를 만드는 function으로 가서 props라는 파라미터를 만들고 props.props이름 사용

 

props는 무한히 전송 가능하고 state 이외의 변수등을 모두 전송할 수 있다.