JavaScript   发布时间:2022-04-16  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了javascript – 正确的方法来捕获React中的获取错误?大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我有一个简单的反应组件,如下所示:
class Test extends React.Component {
  componentDidMount() {
    fetch('/some-url-here')
      .then((data) => {
        this.setState({ data });
      })
      .catch(() => {
        alert('failed to fetch');
      });
  }

  render() {
    // render the data here
  }
}

这个问题是catch不只是捕获fetch错误.它还捕获渲染中抛出的任何异常!创建一个获取某些数据并处理获取错误的简单组件的正确方法是什么?

解决方法

class Test extends React.Component {
  componentDidMount() {
    fetch('/some-url-here')
      .then((data) => {
        this.setState({ data });
      },(error) => {
        if (error) {
          // handle error here
        }
      });
  }

  render() {
    // render the data here
  }
}

如果使用catch而不是第二个回调,则在setState方法期间可能发生的任何错误都将保持未处理状态.因此,您可以以自己的方式捕获渲染方法错误.
有关更多信息,请阅读Dan Abramov对此推文的阅读.

Dan’s Tweet

大佬总结

以上是大佬教程为你收集整理的javascript – 正确的方法来捕获React中的获取错误?全部内容,希望文章能够帮你解决javascript – 正确的方法来捕获React中的获取错误?所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。
标签: