[React Native] State

component를 컨트롤 할 수 있는 2개의 데이터 타입이 있다. props and state

props는 부모에 의해 설정되고, component의 lifetime 동안 고정된다. 데이터가 변화 되어야 한다면, state를 사용해야 한다.

일반적으로, 생성자에서 state를 초기화하고 변경 할때는 setState를 호출해야한다.

 

예를 들어, 항상 깜빡이는 text를 만들고 싶다고 가정 해 보자.

blinking component가 생성될 때 text는 한번 설정되므로 prop이다.

"텍스트가 현재 켜져 있는지 꺼져 있는지"는 시간이 지남에 따라 변경되므로 state로 유지되어야 한다.

 

 

실제 application에서는, 아마 timer로 state를 설정하지 않을 것이다. 서버나 사용자 입력으로 부터 새로운 데이터를 받을 때 state를 설정 할 수 있는데, 데이터 흐름을 제어하기 위해 Redux 또는 Mobx 같은 state container를 사용 할 수도 있다. 이런 경우 setState를 직접 호출하지 않고 Redux 또는 Mobx를 사용하여 state를 수정 할 수 있다.

 

참고

https://facebook.github.io/react-native/docs/state

React Native · A framework for building native apps using React