상세 컨텐츠

본문 제목

Props와 State

Developer/React

by ODae 2022. 11. 15. 17:59

본문

Props와 State

React에서 구성 요소가 데이터를 받거나 처리하고 보내기 위해 사용됨.

Props

  • 불변의 데이터
  • 부모로부터 전달 받음
  • 변경 불가

State (상태)

  • 가변 데이터
  • 구성 요소에 의해 유지
  • 변경 가능

Props와 State 차이점

Props는 부모 컴포넌트로 부터 상속 받는 데이터이며, 데이터를 변경할 수 없음.

Props는(함수 매개변수 처럼 ) 컴포넌트에 전달

State는 내부(컴포넌트)에서 생성하고 활동하고, 데이터를 변경할 수 있음.

State는 (함수 내에 선언된 변수처럼 ) 컴포넌트 안에서 관리

 

 

 

 

 

 

 

참고 사이트

 

컴포넌트 State – React

A JavaScript library for building user interfaces

ko.reactjs.org

 

 

[React] Props와 State 차이점

Props와 State React에서 구성 요소가 데이터를 받거나 처리하고 보내기 위해 사용됨. Props 불변의 데이터 부모로부터 전달되는 변경 불가 State (상태) 가변 데이터 구성 요소에 의해 유지 변경 가능 Pr

dev-cini.tistory.com

 

'Developer > React' 카테고리의 다른 글

axios 라이브러리  (0) 2022.12.18
useEffect 와Lifecycle(라이프 사이클)  (0) 2022.12.02
디스트럭처링(Destructuring)  (0) 2022.11.23
컴포넌트(1) - State  (0) 2022.11.16
JSX 문법  (0) 2022.11.15

관련글 더보기

댓글 영역