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

⚠️ 오류백과

Tamii 2021. 7. 30. 09:18

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부터 다음 구성 요소 수명 주기 메서드가 단계적으로 중단되기 때문이라고 한다.

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