Redux连接的组件如何知道何时重新渲染？

据我所知，redux只能做的事情是，如果您的组件依赖于突变状态，则在更改商店状态时会调用componentWillRecieveProps，然后您应该强制组件更新其状态，如下所示

1存储区状态更改2-调用（componentWillRecieveProps（（）=> {3组件状态更改}））

该connect函数生成一个订阅商店的包装器组件。分派操作时，将通知包装器组件的回调。然后mapState，它将运行您的函数，并将此时的结果对象与上次的结果对象进行浅比较（因此，如果您要使用相同的值重写 redux存储字段，则不会触发重新渲染）。如果结果不同，则将结果作为道具传递给“真实”组件。

Dan Abramov写了connectat（connect.js）的简化版本，它阐明了基本思想，尽管它没有显示任何优化工作。我也有许多有关Redux性能的文章的链接，这些文章讨论了一些相关的想法。

更新

React-Redux v6.0.0对连接的组件如何从存储中接收数据进行了一些重大的内部更改。

作为其中的一部分，我写了一篇文章，解释了connectAPI及其内部的工作方式以及它们随着时间的变化：

惯用的Redux：React-Redux的历史和实现

我的回答有点超出左领域。它揭示了导致我担任此职位的问题。就我而言，即使收到新的道具，该应用似乎也没有重新渲染。
React开发人员对这个经常被问到的问题有一个答案，即（商店）发生了突变，这就是99％的时间，这就是react不会重新渲染的原因。然而，其余的1％则一无所有。这里不是突变。

---

TLDR；

componentWillReceiveProps如何使state保持与新的同步props。

边缘情况：一旦state更新，然后应用程序不会再呈现！

---

事实证明，如果您的应用仅state用于显示其元素，则props可以更新，但state不会更新，因此无需重新渲染。

我有state依赖于props从redux收到的信息store。我需要的数据尚未存储在存储中，因此我从componentDidMount适当地获取了数据。当我的reducer更新商店时，我拿回了道具，因为我的组件是通过mapStateToProps连接的。但是页面没有渲染，状态仍然充满空字符串。

例如，某用户从保存的网址加载了“编辑帖子”页面。您可以postId从url 访问，但是该信息store尚未输入，因此您可以获取它。页面上的项目是受控组件-因此，您要显示的所有数据都在其中state。

使用redux，获取了数据，更新了存储，并connect编辑了组件，但该应用程序未反映更改。仔细查看，props已收到，但应用程序未更新。state没有更新。

好吧，props会更新和传播，但state不会。您需要明确告知state要更新。

您无法在中执行此操作render()，并且componentDidMount已经完成了循环。

componentWillReceiveProps在此处可以更新state依赖于更改后的prop值的属性。

用法示例：

componentWillReceiveProps(nextProps){
  if (this.props.post.category !== nextProps.post.category){
    this.setState({
      title: nextProps.post.title,
      body: nextProps.post.body,
      category: nextProps.post.category,
    })
  }      
}

我必须大声疾呼这篇文章，这使我对许多其他帖子，博客和回购协议未提及的解决方案感到启发。任何人都无法找到这个显然晦涩的问题的答案，这是：

ReactJs组件生命周期方法-深入研究

componentWillReceiveProps是您进行更新state以与props更新保持同步的地方。

一旦state更新，然后视域state 做重新呈现！