问题描述
我正在使用 react-error-boundary 库来捕获我的 React 应用程序中的错误,但有些地方无法正常工作。如果出现错误,我的自定义视图会显示 2 秒,然后错误出现在浏览器窗口中。
这是我的布局:
return (
<Router>
<ErrorBoundary FallbackComponent={errorFallback}>
<Layout>
<div className="dashboard-wrapper">
<Switch>
<Redirect exact from="/" to="/agent" />
<Route path="/admin" render={(props) => <Admin {...props} />} />
<Route path="/agent" render={(props) => <Agent {...props} />} />
<Route path="/warehouse" render={(props) => <Warehouse {...props} />} />
</Switch>
</div>
</Layout>
</ErrorBoundary>
</Router>
);
这是我的 errorFallback 函数:
const errorFallback = ({ error,resetErrorBoundary }) => {
return (
<div role="alert">
<p>Something went wrong:</p>
<pre style={{ color: "red" }}>{error.message}</pre>
</div>
);
};
也许有人知道可能是什么问题?! 提前致谢!
解决方法
暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!
如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。
小编邮箱:dio#foxmail.com (将#修改为@)