正确初始化数据的方法 [英] Proper way to initialize data

问题描述

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

What is the proper way to initialize data (asynchronously) with RefluxJS? Is there something similar to AngularJS' resolves, or the Flux implementation has nothing to do with this (The router should be handling this reponsibility)?

推荐答案

在应用程序的顶级组件中，使用 comoponentWillMount 方法（ docs ）用于触发获取数据的操作。最初渲染组件时将调用此方法。

In your application's top-level component, use the comoponentWillMount method (docs) to trigger an action that fetches the data. This method will get called when the component is initially rendered.

例如：

// 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()
    }
});

这篇关于正确初始化数据的方法的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！