如何处理与模式不匹配的路由

Question

有没有办法指定一个路由处理程序来处理与定义的路由不匹配的所有路由？像一个包罗万象的路线或默认的路线处理程序。

我遇到了一个用例，如果找不到匹配的路由，我想要加载默认页面。例如，它会加载“找不到页面”页面。

Answer 1

在v4的{​​{1}}中，您只需添加一个react-router，而不是Route道具组件作为路线定义中的最后一个，如果没有其他的话，它将匹配路线匹配：

来自path文档的示例copied：

react-router

以下网址路径不是<Switch> <Route path="/" exact component={Home}/> <Redirect from="/old-match" to="/will-match"/> <Route path="/will-match" component={WillMatch}/> <Route component={NoMatch}/> </Switch> ，/或/old-match /will-match组件。

NoMatch v3同样的原则适用：您只需在react-router道具中添加一个仅包含通配符Route的{​​{1}}组件即可路由定义的结束：

*

希望这有帮助！