当参数与使用 react-router 不匹配时返回 404

Question

我正在使用 react-router v4.1，我想对给定数字数组中的任何不匹配参数使用全局 404 页面 [1-50]

<Route path='/:id'component={App}>

在此示例中，如果id> 50 或 <1，则应呈现404 page，如果id在此区间内，则呈现App

在这个例子中，任何 id 都将呈现应用程序

Answer 1

您可以使用捕获所有路由来捕获任何无法解析的路径：

<Route path="*" component={NoMatch}/>

其中NoMatch是 404 组件。