Javascript 未捕获错误:操作缺少侦听方法React/REFLOW?
我是React Redux新手。这是我正在开发的一个简单应用程序。但错误是我无法通过操作连接到商店 这是我的错误 utils.js:78未捕获错误:操作缺少侦听方法 topic-list.jsJavascript 未捕获错误:操作缺少侦听方法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');
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')
fromtopic list.js
我相信是前者,因为
actions.js
中有一个输入错误,因为方法是reflow.createActions
,而不是reflow.createAction
错误消息意味着您正在尝试侦听无法侦听的内容(即,它没有侦听方法)
这意味着错误的来源可以是:
topicstore.js中的可列表项:[Actions]
reflow.listeno(TopicStore,'onChange')
fromtopic 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)
}
});