使用一个商店的多个组件

Question

处理多个组件使用一个商店（由动作创建者中的API调用填充）的情况的最佳方法是什么，但每个组件可能需要访问不同的数据集而不影响另一个。即：两个表组件显示来自WidgetStore的数据;一个表需要所有小部件，另一个表只显示名称包含＆＃34; foo＆＃34; （这将基于用户输入）。通过API查询的表有数万个小部件，因此将它们全部加载到商店并从商店过滤是不切实际的。是否有一种Flux架构（如Redux）已经有办法处理这类事情？

Answer 1

最简单的方法是创建一个父组件，并使用pluck或selector函数有选择地将数据传递给每个子组件。

对于你自己未来的更一般的答案...如果你按照redux这样的方式进行操作，那么已经证明的模式可以帮助你理解传递复杂的数据。