如何调用存储在Store.js中的组件中的值（React-Flux）

Question

我对 Flux 和 React 还很陌生，我知道如何通过 Flux 来存储价值。我已将值存储在通量 store.js 中的一些变量中。但我现在想在 React 组件中使用该值，任何人都可以指导我如何做到这一点。我正在那样努力像这样的组件文件-

           AppActions.addItem(currentObject.username,currentObject.password);
            var test = AppStore.addChangeListener(this.action);
            console.log(test);

action 是我正在尝试调用的值。

我的Store.js看起来像这样

  var AppStore = assign({}, EventEmitter.prototype, {
      emitChange: function () {
          this.emit(CHANGE_EVENT);
      }
   });

AppDispatcher.register(function (callback) {
    //console.log(username);
    //console.log(password);
    var action = callback.action;
    //console.log(action);
    return true;

});

帮我解决这个问题。谢谢

Answer 1

这可能不是一个直接的答案，但如果您要开始一个新的应用程序，我建议您使用 Redux with react-redux。

Redux 是 JavaScript 应用程序的可预测状态容器。

它可以帮助您编写行为一致的应用程序，运行在不同的环境（客户端、服务器和本机）中，并且易于测试。最重要的是，它提供了出色的开发人员体验，例如 live code editing combined with a time traveling debugger.

根据我的个人经验，我可以说它更清晰、更具描述性和可维护性。而且它是一个非常小的库，所以很容易理解一切是如何工作的。这可能是解决您问题的好方法。

Todo app example
你也可以查看 awesome egghead.io free tutorial - Getting Started with Redux

这是作者 Dan Abramov

的

如何调用存储在Store.js中的组件中的值（React-Flux）

How to call the value in component, which is stored in Store.js (React-Flux)

reactjs

redux

flux

reactjs-flux

react-redux