如何将Flux连接到Sinatra API

不,你“只是”拥有一个商店——通常在一个商店-一个组件的关系中考虑它是有帮助的。注意,这应该与一粒盐一起考虑,因为肯定有可能有几个商店连接到一个组件,反之亦然。

有几种方法可以实现后端通信,但是 我 通常是这样做的,通常使用 Reflux implementation 通量(因为我认为它更直接,并且遵循与React组件大致相同的概念):

var SomeStore = Reflux.createStore({
    getInitialState: function () {
         //called when store is created

         var ApiPromise = MyApi.get('/my-resource-path/');
         ApiPromise.success(function (data) {
              this.data = data;
              this.triggerUpdateOfComponent(this.data);
         }.bind(this));
    }
});

仅使用普通的Flux实现,您可以在Dispatcher中执行此操作,当应用程序开始加载时,您可以通过action Creator触发一个操作,并告诉Dispatcher开始执行其工作。

为了有助于商店的摸索,可以将其视为处理与组件数据相关的逻辑和操作的容器。