小编典典

了解 React-Redux 和 mapStateToProps()

all

我试图了解 react-redux 的 connect 方法,以及它作为参数的函数。特别是mapStateToProps()

按照我的理解,它的返回值mapStateToProps将是一个从状态派生的对象(因为它存在于存储中),其键将作为道具传递给您的目标组件(组件连接应用到)。

这意味着目标组件使用的状态可能与存储在存储中的状态具有截然不同的结构。

问:这样可以吗?
问:这是预期的吗?
问:这是反模式吗?


阅读 149

收藏
2022-05-20

共1个答案

小编典典

问:Is this ok?
答:是的

问:Is this expected?
是的,这是意料之中的(如果您使用的是 react-redux)。

问:Is this an anti-pattern?
答:不,这不是反模式。

它被称为“连接”您的组件或“使其变得智能”。这是设计使然。

它允许您将组件与状态解耦,从而增加代码的模块化。它还允许您将组件状态简化为应用程序状态的子集,这实际上有助于您遵守 Redux 模式。

这样想:存储应该包含 应用程序的 整个状态。
对于大型应用程序,这可能包含数十个嵌套很多层的属性。
您不想在每次通话时都拖拉所有这些(昂贵)。

如果没有mapStateToProps或类似的,你会很想用另一种方式来划分你的状态来提高性能/简化。

2022-05-20