通量数据流(具有反应/通量的应用程序)

时间:2016-03-14 10:19:09

标签: reactjs flux reactjs-flux

我正面临一个问题,任何人都可以提供帮助,我正在编写一个磁通/反应应用程序,我有一个表格,我有一些输入应该更新dinamicaly。当我改变第一个输入时,我想调用一个与后端通信的动作(类动作)(从服务器获取一些数据),然后将它们返回到商店。然后我想从商店中的新数据更新我的表单中的一些值。但我总是遇到这个问题。商店的信息迟到%到呈现的视图。 ps:我正在听商店和evey的事情很好。但希望数据在第二次渲染完成之前到来。如何?

1 个答案:

答案 0 :(得分:0)

使用flux调度操作时,操作应通知商店更新。但是,您必须通知对象更新以响应正在更新的存储,为此,您必须使用React Component的setState函数。 (如果需要,也可以使用forceRefresh。)

通常,您可以在商店周围构建一个事件驱动的结构,并将回调注册到商店,并让商店在商店更新时引发事件。组件应该在组件的ComponentDidMount生命周期事件中订阅此存储(并在ComponentWillUnmount生命周期事件中取消订阅),以回调的形式,该回调将使用从商店传递回回的信息调用setState;操作应该提供足够的信息,以便商店可以有效地调用此回调。发布/订阅模型是实现此目的的一种方式,但不是唯一的方法。