React Hooks: componentWillReceiveProps

componentWillReceiveProps.md

// Class
componentWillReceiveProps(nextProps) {
    if (nextProps.data !== this.props.data) {
        console.log('Prop Received: ', nextProps.data);
    }
}

// React Hooks: componentWillReceiveProps
useEffect(() => {
    console.log('Prop Received: ', props.data);
}, [props.data])

@WrathChaos: What if I want to call both shouldComponentUpdate and componentWillReceiveProps both?

If I will implement shouldComponentUpdate using React.memo then the order will be
shouldComponentUpdate -> componentWillReceiveProps

but ideally, in class-based components, componentWillReceiveProps should get called before shouldComponentUpdate

@anandgupta193
Actually you need to decide which one you need to put the code with this lifecycle :)