在React中使用fetch获取ajax数据,如何解决丢失this的问题?

需求是在React中用ajax请求获取响应的数据更新组件的状态,响应数据是一个字符串。
我写的代码如下:

componentWillMount: function() {
  fetch(this.props.url).then(function(text) {
    this.setState({state: text});
  })
}

显然,这样做的话this.setState的this会丢失,导致调用失败。
请问该如何解决这个问题?

阅读 1.7k
评论
    4 个回答
    • 3.6k

    箭头函数

    componentWillMount() {
      fetch(this.props.url).then((text) => {
        this.setState({state: text});
      })
    }
      相似问题
      推荐文章