当param不匹配使用react-router时返回404

Question

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

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

在此示例中id＆gt; 50或者＆lt; 1然后应该呈现404 page，如果id在此区间内，则呈现App

在这个例子中，任何id都将呈现App

Answer 1

您可以使用catch-all路由来捕获任何无法解析的路径：

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

NoMatch将是404组件。