正确的数据初始化方法
用RefluxJS异步初始化数据的正确方法是什么?是否有类似于AngularJS的解决方案,或者Flux的实现与此无关(路由器应该处理此职责)?
回答:
在应用程序的顶级组件中,使用comoponentWillMount
方法(docs)触发获取数据的操作。最初渲染组件时将调用此方法。
例如:
// Create an async action, that will request data using a promise// Using the recently released (v0.2.2) helpers for async actions
var actions = Reflux.createActions({
init: {asyncResult: true}
});
actions.init.listenAndPromise(promiseToGetData);
// Update the store when the init action's promise is completed
var store = Reflux.createStore({
listenables: actions,
onInitCompleted: function (data) {
// do stuff
this.trigger(data)
}
});
var App = React.createClass({
mixins: [Reflux.connect(store)],
componentWillMount: function () {
// When this component is loaded, fetch initial data
actions.init()
}
});
以上是 正确的数据初始化方法 的全部内容, 来源链接: utcz.com/qa/402535.html