Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/431.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 未捕获错误:操作缺少侦听方法React/REFLOW?_Javascript_Reactjs_Refluxjs - Fatal编程技术网

Javascript 未捕获错误:操作缺少侦听方法React/REFLOW?

Javascript 未捕获错误:操作缺少侦听方法React/REFLOW?,javascript,reactjs,refluxjs,Javascript,Reactjs,Refluxjs,我是React Redux新手。这是我正在开发的一个简单应用程序。但错误是我无法通过操作连接到商店 这是我的错误 utils.js:78未捕获错误:操作缺少侦听方法 topic-list.js var React = require('react'); var Reflux = require('reflux'); var TopicStore = require('../stores/topic-store'); var Actions = require('../actions');

我是React Redux新手。这是我正在开发的一个简单应用程序。但错误是我无法通过操作连接到商店

这是我的错误

utils.js:78未捕获错误:操作缺少侦听方法

topic-list.js

    var React = require('react');
var Reflux = require('reflux');
var TopicStore = require('../stores/topic-store');
var Actions = require('../actions');

module.exports = React.createClass({
    mixins:[
      Reflux.listenTo(TopicStore,'onChange')  
    ],
    getInitialState:function () {
      return{
          topics:[]
      }
    },
    componentWillMount:function () {
       //Actions.getTopics()
        Actions.getTopics()
    },
    render:function () {
      return <div className="list-group">
          ToPic List
          {this.renderTopics()}
      </div>
    },
    renderTopics:function () {

        return this.state.topics.map(function(topic) {
            return <li key={topic.id}>
                {topic.description}
            </li>

        })

    },
    onChange:function (evet,topics) {
        this.setState({topics:topics})
    }


});
topic-store.js

    var Api = require('../utils/api');
var Reflux = require('reflux');
var Actions = require('../actions');


module.exports = Reflux.createStore({
    listenables:[Actions],
   getTopics:function () {
       return Api.get('topics/defaults')
           .then(function (json) {
               this.topics = json.data;
               this.triggerChange();
           }.bind(this));
   },
    con:function () {
      console.log('Working')
    },
    triggerChange:function () {
        this.trigger('change',this.topics)

    }
});

错误消息暗示您正在尝试侦听无法侦听的内容(即,它没有侦听方法)

这意味着错误的来源可以是:

  • topicstore.js中的可列表项:[Actions]
  • reflow.listeno(TopicStore,'onChange')
    from
    topic list.js

  • 我相信是前者,因为
    actions.js
    中有一个输入错误,因为方法是
    reflow.createActions
    ,而不是
    reflow.createAction

    错误消息意味着您正在尝试侦听无法侦听的内容(即,它没有侦听方法)

    这意味着错误的来源可以是:

  • topicstore.js中的可列表项:[Actions]
  • reflow.listeno(TopicStore,'onChange')
    from
    topic list.js
  • 我相信是前者,因为
    actions.js
    中有一个输入错误,因为方法是
    reflow.createActions
    ,而不是
    reflow.createAction

        var Api = require('../utils/api');
    var Reflux = require('reflux');
    var Actions = require('../actions');
    
    
    module.exports = Reflux.createStore({
        listenables:[Actions],
       getTopics:function () {
           return Api.get('topics/defaults')
               .then(function (json) {
                   this.topics = json.data;
                   this.triggerChange();
               }.bind(this));
       },
        con:function () {
          console.log('Working')
        },
        triggerChange:function () {
            this.trigger('change',this.topics)
    
        }
    });