[react] componentWillReceiveProps

最新推荐文章于 2023-04-10 14:59:03 发布

转载最新推荐文章于 2023-04-10 14:59:03 发布 · 824 阅读

react native 专栏收录该内容

3 篇文章

订阅专栏

本文深入探讨了React中componentWillReceiveProps生命周期方法的使用陷阱。当父组件引起子组件重新渲染时，即使props未变更，该方法仍会被调用。文章强调了在componentWillReceiveProps中对比this.props和nextProps的重要性，以准确响应prop变化。

componentWillReceiveProps陷阱

componentWillReceiveProps() is invoked before a mounted component receives new props. If you need to update the state in response to prop changes (for example, to reset it), you may compare this.props and nextProps and perform state transitions using this.setState() in this method.
Note that if a parent component causes your component to re-render, this method will be called even if props have not changed. Make sure to compare the current and next values if you only want to handle changes.

如果父组件导致子组件重新渲染，此时也会触发componentWillReceiveProps这个函数（即使子组件的props没有发生改变），因此，需要在componentWillReceiveProps里面对this.props和nextProps进行比较，来决定是否执行操作。