React学习手册

React Redux

｜

211

store: PropTypes.object

}

export default ColorList

Store

已经完全通过组件树向下传递给了

ColorList

组件。该组件可以直接和

Store

交

互。当对颜色进行评分或者删除操作时，这些

Action

将会被分发到

Store

。

Store

还可以用来获取原始的颜色信息。这些颜色是重复的，会根据

Store

的

sort

属性排

序并另存为

sortedColors

。

sortedColors

将

会用于创建

UI

。

如果用户的组件树非常小，那么这种方法将会非常有用，比如颜色管理器程序。这种

方法的缺点是用户必须显式将

Store

传递给子组件，这意味着需要编写更多的代码，比

其他方法更繁琐一些。此外，

SortMenu

、

AddColorForm

和

ColorList

组件也需要用到

这个特殊的

Store

。它可能在其他应用程序中难于复用。

在接下来的两节内容中，我们将会介绍组件获取

Store

的其他方式。

通过上下文传递

Store

在上一节中，我们创建了一个

Store

，然后将它沿着组件树从

App

组件向下传递给了

ColorList

组件。该方法要求我们必须经过

App

和

ColorList

之间的每个组件才能达成

目标。

假定我们有一些货物需要从华盛顿运送到旧金山，我们可以使用火车，但是这需要我

们铺设横跨至少

9

个州的火车轨道才能抵达加利福尼亚。这和显式地沿着组件树从根

节点传递到叶节点的情况类似。用户必须“铺设轨道”经过源地址和目标之间的每个

组件。如果使用火车和显式通过属性传递 ...