组件渲染机制在Redux中如何工作

Question

在React中，组件的props / state改变时会重新渲染。

无论何时分派动作，redux如何知道（计算）要渲染/重新渲染的特定组件（DOM）？

Answer 1

假设您使用的是react-redux，则connect高阶组件将订阅商店中的更改，然后将商店的状态传递到您编写的mapStateToProps函数中，然后将结果传递到您的组件作为道具。从那里，道具的改变导致了标准的反应生命周期。

Answer 2

在React中，当props / state更新时，组件被重新渲染。因此，除非您将redux状态作为道具传递给组件，否则触发操作将不会更新任何组件。

操作-> reducer（在reducer中更新一些状态）->现在状态已更新->组件检查prop（来自redux）是否已更新->是->重新渲染组件。