mirror of
https://github.com/ant-design/ant-design.git
synced 2024-12-06 02:15:35 +08:00
05c2f92b69
⚡ support ErrorBoundary message and description
921 B
921 B
order | title | ||||
---|---|---|---|---|---|
8 |
|
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,
);