在道具更新上重新渲染组件

Question

我想这是一个简单的问题，但是这里有：有一种方法可以指示您的组件在道具更改时重新渲染？ 我将组件连接到redux存储，该存储在某个操作上会更新状态，然后将其过滤到props中，然后我希望该应用响应更改。

我猜你会使用componentDidUpdate()吗？

就像是：

// ...
componentDidUpdate(prevProps, prevState) {
   if (prevProps !== this.props) {
      // re-render x <-- not sure how to do this
   }
}

再加上重新渲染整个组件的方法是什么，以及仅重新渲染更新的道具的方法是什么？

任何帮助表示赞赏。

Answer 1

您可以使用

componentWillReceiveProps (props){
 this.doSomething(props) // To some function.
 this.setState({data: props}) // This will update your component.
}

如果您的道具需要改变状态，那么您将获得无限循环。

顺便看看这里的Reacts生命周期，可能也会有所帮助。

Answer 2

您可以在方法中调用this.forceUpdate() 。 另一种方法是this.setState(this.state) 。