reactjs - 使用 @reach/router 渲染包裹在 ErrorBoundary 中的路径

Question

为了简短起见，我试图在路由器内部渲染一些包裹在 ErrorBoundaries 中的路由，但它与提供的路径不正确匹配。

这是我设置的一个快速沙盒示例，以显示我在说什么。如果您查看沙盒并单击链接，您会test看到即使.ComponentWithoutErrorspath/test

任何帮助将不胜感激。

https://codesandbox.io/s/still-fire-bfehr?fontsize=14&hidenavigation=1&theme=dark

Answer 1

发生此问题是因为ComponentWithoutErrors路径为test，并且围绕它的 ErrorBoundary 也具有路径test。所以它匹配test/test。我们需要使ComponentWithoutErrors组件具有/.

这是代码框

https://codesandbox.io/s/infallible-zhukovsky-evw2b