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

Question

需求是在React中用ajax请求获取响应的数据更新组件的状态，响应数据是一个字符串。我写的代码如下：componentWillMount: function() {  fetch(this.props.url).then(function(text) {    this.setState({state: text});  })}显然，这样做的话this.setState的this会丢失，导致调用失败。请问该如何解决这个问题？

Answer 1

箭头函数

componentWillMount() {

  fetch(this.props.url).then((text) => {

    this.setState({state: text});

  })

}