React - props, state

김민석·2020년 8월 13일
0

React

목록 보기
3/14

Props와 Stete는 React에서 데이터를 다룰 때 사용하는 개념입니다.


State

하나의 컴포넌트가 가질 수 있는 변경 가능한 데이터

컴포넌트를 렌더링 할 때 새로운 데이터를 생성해야 한다던지, 기존의 데이터를 참고해서 새로운 데이터를 만들어야 할 때 사용할 수 있습니다.


위의 코드처럼 app.js를 수정할시 이미지처럼 hello react 라는 텍스트가 출력됩니다.
코드에 {this.state.hello}라는 부분이 문자열이 들어가있는 state 변수입니다.
위의 코드에서 알겠지만 JSX에서 변수를 사용할 때는 중괄호 {}에 담아야합니다.


Props

  1. State는 현재 컴포넌트 내에서 변경이 가능하다.
  2. Props는 현재 컴포넌트에서 변경이 불가능하다.
  3. Props와 State 모두 하위 컴포넌트에서 상속이 가능하다.



indexjs에서 App의 text를 주어서 이를 props로 받아서 사용할 수 있습니다.

profile
web development 주니어

0개의 댓글