React组件异常捕获的解决思路

错误是我们在编写代码的时候,经常出现的。比如在编写React组件的时候,因为存在JavaScript代码错误会导致React内部状态被破坏,造成整个应用崩溃。

作为一个框架来说,React也是有对错误的处理解决方案。

React16有一个错误边界的概念,错误边界就是一个组件,这个组件可以捕获发生在子组件树中任何位置的JavaScript错误,并且打印这些错误。同时也可以展示错误提示,不会展示发生崩溃的组件。

错误边界在渲染期间,生命周期方法和整个组件树的构造函数中捕获。

在错误边界组件中的使用两个方法:

. static getDerivedStateFromError()
. componentDidCatch()

组件抛出错误以后,使用static getDerivedStateFromError()渲染备用UI,使用componentDidCatch()打印错误,代码如下:

class ErrorBoundary extends React.Component{
   
  constructor(

相关推荐

  1. React异常捕获解决思路

    2024-04-01 20:18:01       18 阅读
  2. 使用 Error Boundary 捕获 React 错误

    2024-04-01 20:18:01       16 阅读
  3. React HOC》异步引入定制化Antd Modal

    2024-04-01 20:18:01       20 阅读
  4. React通信

    2024-04-01 20:18:01       40 阅读
  5. React 状态使用

    2024-04-01 20:18:01       25 阅读
  6. react导入与导出

    2024-04-01 20:18:01       10 阅读

最近更新

  1. TCP协议是安全的吗?

    2024-04-01 20:18:01       16 阅读
  2. 阿里云服务器执行yum,一直下载docker-ce-stable失败

    2024-04-01 20:18:01       16 阅读
  3. 【Python教程】压缩PDF文件大小

    2024-04-01 20:18:01       15 阅读
  4. 通过文章id递归查询所有评论(xml)

    2024-04-01 20:18:01       18 阅读

热门阅读

  1. HTML元信息

    2024-04-01 20:18:01       17 阅读
  2. 配置一个nginx的server, 提供获取ip的服务

    2024-04-01 20:18:01       16 阅读
  3. 标题:AI大模型学习:解放智能的未来之路

    2024-04-01 20:18:01       17 阅读
  4. 深入探秘Python生成器:揭开神秘的面纱

    2024-04-01 20:18:01       14 阅读
  5. 计算机网络目录

    2024-04-01 20:18:01       16 阅读