在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});  })}