React -props와 state는 무엇인가

 

우선 , 내가 이해한 Props와 State

 

Props와 State는 화면을 구성하는 데이터 라고 이해했다.

그리고 component가 화면이다.

 

1.props 

 

properties의 줄임말이다. 어떠한 값을 컴포넌트에게 전달을 할때 사용한다.

부모 컴포넌트가 자식 컴포넌트에게 값을 전달할때 사용하는 개념이다.

 

2.State 

 

State는 상태다.  나는 이것을 React에서 사용하는 변수를 저장하는 곳이라고 생각했다.

여기서 state라는 객체의 정보를 수정하고싶으면 setState()라는 함수를 이용하여 상태값을 변경한다.

 

 

둘의 차이점은 다음과 같다.

props (“properties”의 줄임말) 와 state 는 일반 JavaScript 객체입니다.

두 객체 모두 렌더링 결과물에 영향을 주는 정보를 갖고 있는데, 한 가지 중요한 방식에서 차이가 있습니다.

 props는 (함수 매개변수처럼) 컴포넌트에 전달되는 반면에

 state는 (함수 내에 선언된 변수처럼) 컴포넌트 안에서 관리됩니다.

 

출처 : React 공식문서