我试图在ajax回调从REST api接收数据后设置组件的setState。这是我的组件构造函数代码
constructor(props) { super(props); this.state = { posts: [] }; this.getPosts = this.getPosts.bind(this); }
然后,我有一个componentDidMount如下所示的方法。
componentDidMount
componentDidMount() { this.getPosts(); }
现在,这是我执行getAJAX请求的getPosts函数。
getPosts = () => { $.ajax({ type: 'get', url: urlname, success: function(data) { this.setState( { posts: data } ) } }); }
我想设置状态,但出现以下错误。
this.setState is not a function
不太清楚是什么原因造成的。如果有人指出我正确的方向,那将真的很有帮助。提前致谢。
还绑定回调函数,以便this回调内部指向React Component的上下文,而不是回调函数
this
getPosts = () => { $.ajax({ type: 'get', url: urlname, success: (data) => { this.setState( { posts: data } ) } }); }
或者你可以像这样使用bind
getPosts = () => { $.ajax({ type: 'get', url: urlname, success: function(data) { this.setState({ posts: data }) }.bind(this) }); }