可以使路由器的路由帶有多個選項參數，其中（例如）兩個都需要，或者都不是

Question

使用react-router-dom我有這樣的路由：

<Route path='/:year?/:month?' component={ThingUsingYearAndMonth} />

但實際上我希望年份和月份都存在（例如/2018/Dec或/2017/Jan ），或者都不存在。 即只是/ 2018將不匹配

Answer 1

我可能會使用兩種路由來處理該問題-一種用於同時提供兩種路由，一種用於同時不提供兩種路由：

<Route path='/:year/:month' component={ThingUsingYearAndMonth} />
<Route path='/' exact component={ThingUsingYearAndMonth} />

Answer 2

嘗試使用正則表達式提供顯式參數：

<Route path='/:year(\\d{4})?/:month([A-Za-z]+)?' component={ThingUsingYearAndMonth} />

Answer 3

我認為react-router-dom沒有提供任何機制來驗證路由參數。 您最好創建自己的高階組件並在其中驗證路徑參數。 或者，您可以使用正則表達式來驗證路線本身中的參數。