在React Flux上,我应该填充我的商店的初始状态？

Question

我正在学习Flux,我想我理解了工作流程:

View -> Action -> Dispatcher -> Store -> View

但是,我不太明白我应该在哪里填充我的商店的初始状态.

例如,假设我正在编辑联系人.所以我假设我有一个ContactsStore.这是我想象在访问URL时会发生的事情/contacts/edit/23:

1. 不知怎的,我ContactsStore填充了我正在编辑的联系人,在这种情况下,请联系23.数据将来自服务器.
2. 的EditContact视图将从收到通知ContactsStore,所以它会呈现本身在初始状态下.
3. 当我保存联系人时,视图将触发SaveContact操作并且流程将继续.

步骤(1)对我来说不清楚.ContactsStore预计将在哪里填充初始状态？我在哪里打电话给服务器？它在商店吗？

谢谢.

Answer 1

您需要有权访问组件中的操作和商店EditContact.在componentDidMount处理程序中,您可以触发执行api请求的操作.成功后,它将联系人传递给dispatcher/ store.一旦商店收到contact它,就会触发EditContact组件订阅的事件.在相应的处理程序中,组件使用新联系人设置新状态.我确信还有其他方法可以做到这一点,但我就是这样做的.