Question

我对Flux很新，并做出反应，我理解如何通过助焊剂存储价值。我已将值存储在store.js中的一些变量中。但我现在想在反应组件中使用该值，任何人都可以指导我，如何做到这一点。我这样想像这样的组件文件 -

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

动作是我想要调用的值。

My 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 react-redux。

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

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

从我个人的经验来看，我可以说它更清晰，更具描述性和可维护性。它是非常小的库，因此很容易理解一切是如何工作的。这可能是解决问题的好方法。

Todo app example
您还可以查看精彩的egghead.io免费教程 - Getting Started with Redux

以下是作者Dan Abramov的the answer about the redux benefits

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

1 个答案: