React Router v4/v5 でネストされたルートを使用するサンプルコード
ネストされたルートとは、URL の異なる部分に基づいて異なるコンポーネントを表示する階層的な構造です。例えば、以下のような URL 構造を持つアプリケーションがあるとします。この場合、/ ルートは Home コンポーネントを表示し、/about ルートは About コンポーネントを表示します。/products ルートは Products コンポーネントを表示し、/products/1 と /products/2 ルートはそれぞれ Product コンポーネントを表示しますが、異なる製品 ID を渡します。