react-routerのパスを正規表現でバリデーションする

react-routerの4系以上からで

/hogehoge/:id

のように:id部分の入ってくる値を整数値だけにしたい場合

/hogehoge/:id(\d+)

のように正規表現を指定する事ができます。

<Route path="/hogehoge/:id(\d+)" component={Hoge} />

これでルーティングを細かく制御したり、リダイレクト処理をしたりと自由に処理を扱う事ができそうです。