javascript - 如何处理 react-router 子路由中抛出的异常

Question

我在使用 react-router@3.0.0 处理异常时遇到问题

我的路由器是这样连接的:

try {
  ReactDOM.render(<Router history={appHistory}>
    <Route path='/' component={Wrapper}>
      <Route path='bad' component={BadComponent}/>
    </Route>
  </Router>, domElement);
} catch(ex) {
  ReactDOM.render(<Exception ex={ex}/>, domElement);
}

我的问题是，如果 Wrapper抛出一个渲染异常，我们最终在 catch block 中。伟大的!

如果 Wrapper工作正常，但 BadComponent抛出我们没有的渲染异常。嘘!

如果我们达到这一点，那么路由器将完全停止工作，我们无法导航到任何已知的良好路线。

react-router API 没有提到错误处理，所以我有点卡住了。

有没有办法让异常回到顶层，让它优雅地失败？

Answer 1

我知道这可能为时已晚，您可能已经找到解决方案，甚至不再使用此代码。
如果您还没有发现，请检查 react 提供的错误边界 https://reactjs.org/docs/error-boundaries.html