在React中共享singleton flux商店

时间:2015-02-26 09:39:03

标签: reactjs-flux

因此,我对通量的一般要点是商店应该总是单身。在我的例子中,我有以下内容:

一个人员商店,它控制人们的CRUD操作,以及搜索/过滤。

我现在有2个组件同时显示使用此过滤,我目前的问题是当前实现,由于共享存储,他们将在两个组件上进行过滤。

我目前的解决方案是:

  1. 在控制器组件中控制过滤
  2. 拥有2个独立的商店,涵盖其每个域,并在共享工具中具有过滤功能

1 个答案:

答案 0 :(得分:1)

第一个解决方案听起来不错。

尽管如此,您还可以实现一个由哈希表组成的缓冲区,以便将临时过滤结果分开,就好像它们是会话一样。

优点: 您可以更改共享数据,如果多个组件正在查找相同的数据,则每个更改都将反映在所有这些组件中。

缺点: 将会有很多更改事件,您需要在更改状态之前检查存储更改事件对组件是否重要,以防止不必要的渲染调用。

相关问题