2

我有一个 Reflux 商店，它在触发操作时似乎会导致错误：

var taskStore = Reflux.createStore({
  listenables: [taskActions],
  init: function(){
    this.tasks = [];
    this.index = {};
    this.trigger(this.tasks);
  },
  onLoad: function(arr){
    var idx = {}
    arr.forEach(function(ele){
      idx[ele.id] = ele
    });
    this.tasks = arr;
    this.index = idx;
    this.trigger(arr);
  }
});

当操作load被调用并且onLoad方法触发时，它在this.triggerChrome 的方法上失败，错误是Uncaught TypeError: Cannot read property 'apply' of undefined

调用堆栈最终将我带到了 Reflux 监听方法：

listen: function(callback, bindContext) {
    bindContext = bindContext || this;
    var eventHandler = function(args) {
        callback.apply(bindContext, args);
    }, me = this;
    this.emitter.addListener(this.eventLabel, eventHandler);
    return function() {
        me.emitter.removeListener(me.eventLabel, eventHandler);
    };
},

这是 callback.apply 中的回调，但看起来由于某种原因该回调未定义。

我显然做错了什么来触发如此严重的错误，但我不知道是什么。有人能告诉我我在商店做错了什么吗？

调用 store 的代码是这样调用它的：

var App = React.createClass({
    mixins: [
        Reflux.connect(taskStore,"tasks"),
        Reflux.connect(taskIndex, "index"),
    ],
...
4

2 回答 2

3

我有同样的问题。就我而言，声明组件时是我的错：

global.FilmList = React.createClass({
    mixins: [Reflux.connect(filmListStore, "list")],
    componentDidMount: function() {
        this.listenTo(filmListStore, this.eventChange);
    },
    render: function() {

我已经设置了 mixins 和 this.listenTo() 方法。我已经删除了 this.listenTo() 并且这解决了问题

于 2015-02-06T21:49:58.173 回答
2

刚刚花了一个小时试图自己解决这个问题。

就我而言，我告诉 Reflux.ListenTo 触发的方法不存在。

所以我有

Reflux.listenTo('FooStore', 'onUserDeleted')

我在商店里没有 onUserDeleted: function() { }。

于 2015-11-20T06:21:34.737 回答