---
description: "ErrorBoundary ErrorBoundary 错误边界：工具库中 middleware 的内部实现中使用了 ErrorBoundary"
category: extension-hooks
keywords: ["errorBoundary", "ErrorBoundary", "错误边界", "组件复写", "组件替换", "无侵入二开", "插件", "weId"]
source: "https://www.e-cology.com.cn/utils/errorBoundary/freepass"
---

# ErrorBoundary ErrorBoundary 错误边界

## 适用场景

工具库中 middleware 的内部实现中使用了 ErrorBoundary

## 能力说明

可以捕获并打印发生在其子组件树任何位置的 JavaScript 错误，并且，它会渲染出备用 UI

## 检索符号

- `errorBoundary`
- `ErrorBoundary`

## 代表示例

```js
import { React } from 'react';
import { ErrorBoundary } from '@weapp/utils';

class ParentComponent extends React.Component {
  handleError = (error, errorInfo) => {
    console.log('error, errorInfo: ', error, errorInfo);
  };
  render() {
    return (
      <ErrorBoundary
        onError={this.handleError}
        fallback={() => {
          return <div>page error</div>;
        }}
      >
        <YourComponent />
      </ErrorBoundary>
    );
  }
}
```

## 深入阅读
- [在线免登文档](https://www.e-cology.com.cn/utils/errorBoundary/freepass)

> 本卡用于快速选型。参数、返回值、限制和完整示例以原始文档为准。
