[React JS] Component State

state는 리액트 컴포넌트 안에 있는 오브젝트다.

규칙은 state가 바뀔 때마다, 컴포넌트는 다시 render 할 것이다.

첫번째 state를 만드는 법은

state = {

greeting: "Hello"

}

그리고 출력할 곳에 

{this.state.greeting}

요렇게 작성하면 된다.

이제  컴포넌트가 mount되면 5초를 기다리고 greeting을 업데이트 할거야

그래서 setTimeout을 하는거다.

그래서 코드를 작성해보자.

 componentDidMount(){

   setTimeout(() => {

     this.setState({

       greeting: 'Hello again!'

     })

   }, 5000)

 }

이렇게 작성하면된다.

이 뜻은 컴포넌트가 mount 할때마다, greeting의 헬로를 헬로 어게인으로 변경한다는 뜻이다.