未捕获的错误:操作缺少侦听方法React/Reflux
Uncaught Error : Action is missing a listen method React/Reflux?
我是React Redux新手。这是我正在开发的一个简单的应用程序。但是错误是我不能通过Action连接到store。
这是我的错误
utils.js:78 Uncaught Error: action is missing a listen method
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})
}
});
actions.js
var Reflux = require('reflux');
module.exports = Reflux.createAction([
'getTopics',
]);
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)
}
});
错误信息暗示您正在尝试收听无法收听的内容(例如:它没有listen方法。)
这意味着错误的来源可能是:-
listenables:[Actions]
fromtopic-store.js
-
Reflux.listenTo(TopicStore,'onChange')
fromtopic-list.js
我相信是前者,因为actions.js
中有一个错别字,因为方法是Reflux.createActions
,而不是Reflux.createAction
。
相关文章:
- react组件中的绑定方法
- React路由器错误-'无法调用方法'getRouteAtDepth'的未定义'
- 渲染方法与生命周期方法中的React计算
- 在React中将方法从一个组件移动到另一个组件,并且仍然可以在原始组件中使用
- 从React调用方法.JS州
- 将 react-redux 与基于事件的第三方库一起使用的最佳方法是什么?
- 有没有更好的方法来处理窗口属性&React/Redux中的子组件
- 测试React组件内部的fetch()方法
- 向React中的高阶组件添加方法
- 在类方法中使用React.js静态
- bind():您正在将一个组件方法绑定到该组件.React会自动为您执行此操作
- React.js中计算值的正确方法
- React Router和React Intl:有没有更好的方法来动态加载翻译's路线
- 为什么React在类构造函数中使用setState方法时抛出错误
- React Native can'无法在render()方法之外访问this.ops
- 在react native中通过PUT方法上载文件
- React中的静态方法
- React中的单元测试非静态方法
- 建立React 0.12项目的正确方法是什么
- 未捕获的错误:操作缺少侦听方法React/Reflux