使用Flux构建一个编辑表单,谁实际将数据POST到服务器:操作,存储,视图？

Question

我已经找到了很多有关如何获取React和Flux数据的资源,博客和意见,但更不用说将数据写入服务器了.有人可以在构建一个持续更改RESTful Web API的简单编辑表单的上下文中提供"首选"方法的基本原理和一些示例代码吗？

具体来说,哪个Flux盒子应该调用$.post,ActionCreator.receiveItem()调用的位置(以及它做什么),以及商店注册方法中的内容是什么？

相关链接:

• 在使用React + Flux时,操作或存储是否应该负责转换数据？
• 助焊剂存储或行动(或两者)是否应该接触外部服务？
• 在Flux应用程序中应该在哪里发出ajax请求？

Answer 1

1. 组件/视图用于显示数据和触发事件
2. 操作与事件（onClick、onChange...）相关联，用于与资源通信并在 Promise 解决或失败后调度事件。确保您至少有两个事件，一个用于成功，一个用于 ajax 失败。
3. 商店订阅调度程序正在调度的事件。一旦接收到数据，存储就会更新存储的值并发出更改。
4. 组件/视图已订阅存储，并在发生更改后重新呈现。

通量存储或操作（或两者）是否应该接触外部服务？对我来说，这种方法似乎很自然。

此外，在某些情况下，您需要因触发其他操作而触发某些操作，此时您可以从相关存储触发操作，该存储和视图都会更新。