04.setState-in-componentWillMount.md

componentWillMount ()의 setState ()[setState() in componentWillMount()]

componentWillMount ()에서 비동기 초기화 방지

componentWillMount ()는 마운트가 발생하기 직전에 호출됩니다. render ()전에 호출되므로이 메서드에서 상태를 설정해도 다시 렌더링이 트리거되지 않습니다. 이 방법을 통해 side-effects이나 subscriptions을 도입하지 마십시오.

componentWillMount 대신componentDidMount에서 구성 요소 초기화를 위한 비동기 호출을 수행하십시오.

function componentDidMount() {
  axios.get(`api/messages`).then((result) => {
    const messages = result.data;
    console.log("COMPONENT WILL Mount messages : ", messages);
    this.setState({
      messages: [...messages.content],
    });
  });
}