[React] 컴포넌트의 state

State는 props 처럼 App 컴포넌트의 렌더링 결과물에 영향을 주는 데이터를 갖고 있는 객체지만 , 

props는 컴포넌트에 전달되는 반면 , state는 컴포넌트 안에서 관리된다!

 

props를 사용했는데도 state를 사용하는 이유는, 사용하는 쪽과 구현하는 쪽을 철저하게 분리시켜서 양쪽의 편의성을 각자 도모하는 것에 있다.

 

state 객체를 사용하려면 render()함수 위에 constructor()함수를 적어준다. constructor 함수가 컴포넌트의 초기화를 시켜줘야 state에 값을 넣어 사용할 수 있기 때문이다. 

 

 

이와 같이 위에서 state 값을 설정해주면 App 클래스 내부에서 중괄호를 사용하여 값을 사용한다. 

 

시각적으로 봤을 때 훨씬 깔끔해짐!