React路由器4-处理404的嵌套路线

Question

我有以下代码，我将在输入错误时处理嵌套路线：

<Switch>
<Route path="/" exact component={Home} />
<Route path="/sample" exact component={Sample} />
<Route path="/sample/example/:id" exact component={Example} />
<Route path="/sample/:example" exact component={Example} />
<Route component={404}/>
</Switch>

如果用户输入localhost:3000/something-wrong，它将正确显示404页。但是，当他进入localhost:3000/sample/something-wrong时，什么都没有渲染！我应该如何以某种方式处理这个问题？

Answer 1

localhost:3000/sample/something-wrong由 path="/sample/:example"

处理

localhost:3000/sample/example/something-wrong将由path="/sample/example/:id"

处理

当您使用通牌时，除了启用Example组件呈现适当的消息或重定向到专用的404屏幕外，实际上无能为力。