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

问题描述

问 题

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

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

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

解决方案

箭头函数

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

这篇关于javascript - 在React中使用fetch获取ajax数据，如何解决丢失this的问题？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！