javascript - 在回调中使用 this.setState

Question

我有以下代码在 React 组件中获取 Twitter 时间轴:

  componentWillMount: function() {
    twitter.get('statuses/user_timeline',
    function(error, data) {
      this.setState({tweets: data})
     });
  }

但是我不能在那里设置state，因为this 没有设置到那个回调函数中的组件。

如何在回调中设置状态？

注意console.log(data) 而不是 this.setState 工作正常，这就是为什么我怀疑问题出在 this 变量上。

Answer 1

你可以像这样用.bind方法设置this，并在componentDidMount中调用twitter.get就像这个 example

componentDidMount: function() {
   twitter.get('statuses/user_timeline', function(error, data) {
      this.setState({tweets: data})
   }.bind(this)); // set this that refers to you React component
}