URLマッチング

課題

アイテム追加URL items/add をコールすると アイテム詳細URLの /items/:itemid もヒットしてしまう。
:itemId は数値の場合のみ適用したいがどうすればよいか。

対応

• path-to-regexp による正規表現が記述できるのでそちらを使う

<div>
   <Route path="/items/add" component={AddItem}/>
   <Route path="/items/:itemId(\d+)" component={ItemDetail}/>
</div>

参考

• http://stackoverflow.com/questions/37269736/react-router-how-to-constrain-params-in-route-matching
• https://www.npmjs.com/package/path-to-regexp