我如何正确使用componentWillReceiveProps（）？

Question

我正在尝试在收到新道具后立即更新子组件。但是，在道具实际更新之前，我的子组件中的componentWillReceiveProps()被调用。阅读this article后，我明白为什么，但它没有解释我如何解决我的问题。

道具更新之后如何致电componentWillReceiveProps() ？

现在我通过让等待实际更新的超时运行来欺骗我，但我真的不喜欢这个解决方案。

  componentWillReceiveProps(){
   var timeOut = setTimeout(() => this.loadPosts(), 100)
  },

感谢id advance！

Answer 1

道具更新之后是否有必要致电componentWillReceiveProps ？或者您可以使用nextProps argument吗？

EG。如果你重写为：

componentWillReceiveProps(nextProps){
  this.loadPosts(nextProps)
},

然后当然也会重写loadPosts的签名以允许手动传递道具：

loadPosts(props = this.props){
  // do something with props
  ...
}

Answer 2

使用componentDidUpdate(prevProps, prevState)。当它被调用时，传递两个参数：prevProps和prevState。这是componentWillUpdate的倒数。传递的值是值，this.props和this.state是当前值。