ReactJS+Flux-存储子组件数据



我正在ReactJs中使用通量架构为我的站点构建一个仪表板。

现在假设我有一个UsersComponent,它显示了在网站中注册的所有用户的列表,该组件有一个提取和存储数据的UsersStore

UsersComponent中,我呈现了一个名为UsersStatsComponent的子组件,这是一个小部件,用于显示过去24小时的统计信息(新注册的数量、被阻止的用户数量等)。这些统计信息来自不同的API端点。

我应该在哪里管理此子组件的数据?

我认为我的选择是:

  1. 创建另一个名为UsersStatsStore的存储,该存储从API获取数据,并将更改事件发送到UsersStatsComponent
  2. 使用UsersStore的同一存储区,并在此存储区内创建另一个操作,并在从API获取数据时发出不同的事件

这方面的最佳实践是什么?

由于数据与用户有关,我建议使用UserStore。但你需要确保商店里没有太多的嵌套。

最新更新