1

在我的 Fluxxor 应用程序中的操作哈希中，我正在代理 ajax 调用来解析结果。我希望能够从该模块内分派响应有效负载。有人告诉我，我可以通过传入通量实例来做到这一点，然后我可以像这样调度：

flux.dispatcher.dispatch({type: SomeActionType, payload: somePayload});

我的 actions.js 文件：

/** 
*actions.js
*/

var api = require('./api');
var constants = require('./constants');

actions = {
  someAction() {
    ///  I want to dispatch some messages from inside the api module
    api.get('hello');
    // instead of doing it here
    this.dispatch(SomeActionType, somePayload);

  }
}

module.exports = actions;

我不确定如何将通量实例传递到 api 模块中，而不是将其传递到对每个感觉不正确的请求的“get”方法调用中。

如何将通量实例放入 api 模块？

更新：

我刚刚意识到我在 node_modules 中有通量库。我可以在我的 api 模块中只需要通量吗？

var flux = require('flux')

然后我可以访问 Dispatcher.dispatch.. 或者这是否违反了 Fluxxor 的精神？

4

1 回答 1

1

一个常见的习惯是在第三方模块中发出请求，但在动作创建者中分派动作。这使您的 Web API（发出 Ajax 请求）和特定于商店的通知（由 Flux 使用）完全分离，并且更易于测试。

actions = {
  someAction() {
    api.get('hello')
    .then((resp) => {
      // success case
      this.dispatch(SomeActionType, somePayload);
    }, (err) => {
      // failure case
      this.dispatch(SomeActionType, somePayload);
    });

  }
}

api = {
  get(param) {
    return whateverAjax(param);
  }
}

但是，如果您真的想从 API 触发操作，您可以按顺序创建和连接您的依赖项，然后传递它们。（这也有助于测试，因为您可以在测试中传递模拟实例。）

// api.js

module.exports = (flux) => {
  return {
    get(param) {
      whateverAjax(param).then((resp) => flux.dispatcher.dispatch(...));
    }
  }
}

// actions.js

module.exports = (api) => {
  someAction() {
    api.get('hello');
  }
}

// whever you init your Fluxxor.Flux object...

var api = require("./api");
var actions = require("./actions");

var flux = new Fluxxor.Flux(stores); // no actions to start

api = api(flux);
actions = actions(api);

flux.addActions(actions);

另外一点：flux您在问题末尾提到的库是Facebook 的 Flux library，与 Fluxxor 没有任何关系。

于 2015-01-05T16:45:22.953 回答