當參數不匹配使用react-router時返回404

我正在使用react-router v4.1，我想使用全局404頁面來處理給定數組中的任何不匹配參數[1-50]當參數不匹配使用react-router時返回404

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

在本例如果id> 50或< 1然後404 page應該呈現，並且如果id是這個時間間隔內呈現App

在本例的任何ID將呈現應用

2017-06-22 GuiFay

你有沒有嘗試過什麼來實現這一目標？ –

不，我是新的反應，我不知道如何做到這一點 – GuiFay

例如，你看過文檔嗎？ –

您可以使用一個包羅萬象的路線趕不解決任何路徑：

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

凡NoMatch將是一個404的組成部分。

2017-06-22 15:08:25

在這個例子中，所有路徑將返回'NoMatch'？我需要做的是當'：id'在1-50間隔內返回'App'，否則返回'NoMatch' – GuiFay

好吧，抱歉，誤解了這個問題。把它作爲最後一條路線將會捕獲所有未定義的路徑。對於你的情況，在'App'組件中，你應該檢查id，如果它大於50或小於1，那麼你手動路由到404組件。 –

它的工作原理。但是我正在尋找一些方法來通過反饋路由器的一些支持來完成這項工作，比如一些匹配器 'const itens =（1,2,3,4,5,6,7,8,9,10）; ' – GuiFay

回答