Docusaurus 客户端 API
Docusaurus 提供了一些客户端 API,帮助你搭建网站。
Components
<ErrorBoundary />
This component creates a React error boundary.
用它来包裹可能抛出错误的组件,并在发生这种情况时显示备用界面,而不会让整个应用崩溃。
import React from 'react';
import ErrorBoundary from '@docusaurus/ErrorBoundary';
const SafeComponent = () => (
<ErrorBoundary
fallback={({error, tryAgain}) => (
<div>
<p>This component crashed because of error: {error.message}.</p>
<button onClick={tryAgain}>Try Again!</button>
</div>
)}>
<SomeDangerousComponentThatMayThrow />
</ErrorBoundary>
);
提示
To see it in action, click here:
信息
Docusaurus 用这个组件来捕捉主题布局中以及整个应用中的错误。
备注
这个组件不会捕捉构建时抛出的错误,只会保护有状态的 React 组件在客户端渲染时可能发生的错误。