State 와 Props

Props

1. Properties의 줄임말

2. Props는 상속하는 부모 컴포넌트로 부터 자녀 컴포넌트에 데이터 등을 전달하는 방법

3. Props는 읽기 전용으로 자녀 컴포넌트 입장에서는 변하지 않는다. 변하게 하고자 하면 부모컴포넌트에서 state를 변경시켜 줘야한다.

 

ex)

A 부모 컴포넌트

state = {a : "a"}

 

<B컴포넌트 aProps = {this.state.a}/>

B 자식 컨포넌트

a state 필요

this.props.aprops

 

State

1. 부모 컴포넌트에서 자녀컴포넌트로 데이터를 보내는게 아닌 해당 컴포넌트 내부에서 데이터를 전달하려면 State를 사용하면 된다. 

2. State는 변경 가능

3. State이 변하면 re-render된다.

 

ex)

A 컴포넌트

state = {a : "a"}

this.state.a