[React 에러] Warning: componentWillMount has been renamed, and is not recommended for use.

Warning: componentWillMount has been renamed, and is not recommended for use.

 

문제 상황

React에서 오랜만에 Class 형태로 코드를 구현하는 중에 이러한 경고를 받았는데

 

 

 

해결 과정 

componentWillMound --> componentDidMount로 변경함으로써 해결했다.

수정 전

componentWillMount() {
    fetchGet('data/productData.json')
      .then((res) => res.json())
      .then((data) => {

수정 후

componentDidMount() {
    fetchGet('data/productData.json')
      .then((res) => res.json())
      .then((data) => {

 

이유는 

React 버전 16.3부터 다음 구성 요소 수명 주기 메서드가 단계적으로 중단되기 때문이라고 한다.

• componentWillMount
• componentWillReceiveProps
• componentWillUpdate

따라서 ClassComponent에서 data를 가져올 때면 componentDidMount를 해야 한다.

 

참고:   https://sentry.io/answers/componentWillMount-has-been-renamed/