ant-design/components/alert/demo/error-boundary.md

order	title
8	zh-CN en-US ErrorBoundary React 错误处理

zh-CN

友好的 React 错误处理 包裹组件。

en-US

ErrorBoundary Component for making error handling easier in React.

import { Button, Alert } from 'antd';

const { ErrorBoundary } = Alert;

class ThrowError extends React.Component {
  state = {
    error: null,
  };

  onClick = () => {
    this.setState({
      error: new Error('An Uncaught Error'),
    });
  };

  render() {
    const { error } = this.state;
    if (error) {
      throw error;
    }
    return (
      <Button type="danger" onClick={this.onClick}>
        Click me to throw a error
      </Button>
    );
  }
}

ReactDOM.render(
  <ErrorBoundary>
    <ThrowError />
  </ErrorBoundary>,
  mountNode,
);