[Front end] React #7 웹 서비스 만들기 Component State

이번에 배울 것은 state이며, state는 리액트 컴포넌트 안에 있는 오브젝트이다. 규칙은 다음과 같다. 컴포넌트 안에 state가 바뀔 때마다, 컴포넌트는 다시 render를 한다. 매우 심플한 구조이다.

state 선언과 componentDidMount()에서 setTimeout을 사용하여 5초후 state 값을 변경하게 하였다. 컴포넌트가 mount 할 때마다, greeting을 Hello! -> Hello again!으로 변경한다는 뜻이다. render가 다시 작동하면서 변경이 이루어질 것이다. 기억해야 할것은 state를 바꿀 때 setState를 설정하고, 업데이트할 때마다 render가 작동한다는 것이다. 새로운 state와 함께~