正确的数据初始化方法

Question

用RefluxJS异步初始化数据的正确方法是什么？是否有类似于AngularJS的解决方案，或者Flux的实现与此无关（路由器应该处理此职责）？

Answer 1

在应用程序的顶级组件中，使用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()
    }
});