javascript - Fluxxor/React.JS 中的服务调用

标签 javascript reactjs flux

我对 react.jsFluxxor 非常陌生,而且我已经有一段时间没有进行 Web 开发了。 :)

我想知道在我的代码中哪里放置服务器调用(JQuery $.ajax())? 我的操作只是调度如下调用:

var actions = {
    onBlubb: function (data) {
        this.dispatch(cmd.BLUBB, data);
},};

然后我有一个商店进行一些更改并调用发出函数来更新 View 。整个周期工作正常( View 、操作、调度程序、存储)

现在我想我应该将 ajax 调用放在我的商店类中。假设我将我的商店称为“blubbStore”。 但我希望我的商店类是可测试的。这意味着我必须将 ajax 调用放在另一个存储类中,该类基本上执行服务器调用并且...

  • 方法 1) ... 触发成功/失败的操作。此操作在 blubbStore 中处理
  • 方法 2) ...将服务调用响应存储在属性中。然后 blubbStore 调用“WaitFor”,并在服务调用完成后从该“service-caller-store”读取数据。

我猜方法2是不可能的,因为WaitFor不等待异步调用?这意味着方法 1 将是解决方案?

(并且操作应该只发送消息。对吗?)

谢谢

最佳答案

以我个人的观点和经验 - 最好将异步调用放入具有此逻辑的操作中 - image 通过这种方式,您可以调度一个事件,例如调用加载屏幕,然后在收到数据时调度新的数据更改。

最后,我相信这是个人选择,旨在帮助您更好地处理代码的方法。

关于javascript - Fluxxor/React.JS 中的服务调用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27611130/

相关文章:

javascript - 使用 Chrome 在 HTML5 视频中搜索

node.js - 发送流作为 axios 请求的响应

java - react 器: Flux<object> .subscribe() 与 .toStream()

javascript - Dom 崩溃 react 选择选项

javascript - 隐藏输入字段,除非选择特定变体 - Shopify

javascript - React-google-maps 警告

reactjs - Flux 操作可以访问商店吗?

javascript - 将商店状态作为 Prop 传递,还是每个组件访问全局商店?

javascript - Cordova 插件覆盖默认的 TypeScript 命名空间

javascript - WebPack配置-正确的代码是什么,它是什么意思