props가 변경되어서 state를 업데이트(setState) 할 때

자식 컴포넌트가 부모로 받은 props 의 값들이 변경되었다.
변경됨을 감지하고 자식 컴포넌트안의 state 값을 변경(setState)하여 자식 컴포넌트 안의 함수 실행 또는 변수 정의를 그에 맞게 재실행하고 할 때가 있다.

componentDidUpdate(prevProps, prevState){
            if (this.props.tagList !== prevProps.tagList) {
                  console.log('업뎃?')
                  this.setState({
                        ...this.state,
                        selectTagNum : -1
                  })
            }
}

이렇게 하면 props.tagList라는 값이 변경이 되었다면 this.state 안에 selectTagNum 은 -1로 변경할 수 있다.

componentDidUpdate 는 리액트 컴포넌트 인수다.
자세한 문서는 https://facebook.github.io/react/docs/react-component.html#componentdidupdate 를 읽어보면 된다.

TOP