(React) React 핵심요소_props

soosoorim·2024년 5월 14일
0

props

  • 부모컴포넌트에서 자식컴포넌트로 데이터를 전송하는 방법.
  • 값, 변수, 상수, 함수 등을 컴포넌트로 전송할 수 있다.
  • 단, 상위 컴포넌트에서 하위 컴포넌트로만 전송할 수 있다.
  • 필요에 따라 HTML 태그 묶음 또는 컴포넌트도 전달 할 수 있다. ( 컴포넌트 전달 = 컴포넌트 합성 )
  • 이미 보내진 Props의 내용과 새롭게 보내진 Props의 내용이 다를 경우, 컴포넌트를 다시 렌더링 한다.

적용해보기

  • App.js 에 title, color라는 props를 정의
  • Section.js Component 파일에 작성해주면 title 과 color 가 적용된 결과를 볼 수 있다.
  • 파라미터를 분해해서 사용해보기

0개의 댓글

관련 채용 정보