オプションのパスパラメーターを使用してパスを宣言したいので、ページを追加すると、何かを追加する（たとえば、データを入力する）ことができます。

http：// localhost / app / path / to / page <= ページをレンダリングします http：// localhost / app / path / to / page / pathParam <= pathParamに従ってデータをページにレンダリングします

私の反応ルータでは、2つのオプションをサポートするために、次のパスがあります（これは簡略化された例です）。

<Router history={history}>    
   <Route path="/path" component={IndexPage}>
      <Route path="to/page" component={MyPage}/>
      <Route path="to/page/:pathParam" component={MyPage}/>
   </Route>    
</Router>

私の質問は、1つのルートで宣言できるかどうかです。2行目のみを追加すると、パラメーターのないルートが見つかりません。

編集＃1：

次の構文についてここで述べた解決策は私にとってうまくいきませんでした、それは適切なものですか？ドキュメントに存在しますか？

<Route path="/product/:productName/?:urlID?" handler={SomeHandler} />

私の反応ルーターのバージョンは：1.0.3

あなたが投稿した編集は、古いバージョンのReact-router（v0.13）で有効であり、動作しなくなりました。

React Router v1、v2、v3

バージョン以降1.0.0、オプションのパラメータは次のように定義します。

<Route path="to/page(/:pathParam)" component={MyPage} />

および複数のオプションのパラメーター：

<Route path="to/page(/:pathParam1)(/:pathParam2)" component={MyPage} />

括弧( )を使用して、先頭のスラッシュ（）を含むルートのオプション部分をラップします/。をチェック公式ドキュメントルートマッチングガイドのページをご覧ください。

注： パラメータは、次のURLセグメントアップに一致する、または。特にパスとパラメータの詳細については、:paramName/?#こちらをご覧ください。

React Router v4以降

React Router v4はv1-v3とは根本的に異なり、オプションのパスパラメータは明示的に定義されていません 公式ドキュメントでも。

代わりに、regexpへのパスをpath指定するパラメーターを定義するように指示されます。理解。これにより、繰り返しパターン、ワイルドカードなどのパスを定義する際の柔軟性が大幅に向上します。したがって、パラメーターをオプションとして定義するには、末尾に疑問符（?）を追加します。

そのため、オプションのパラメーターを定義するには、次のようにします。

<Route path="/to/page/:pathParam?" component={MyPage} />

および複数のオプションのパラメーター：

<Route path="/to/page/:pathParam1?/:pathParam2?" component={MyPage} />

注： React Router v4は互換性のないと反応ルーターリレー（詳細はこちら）。代わりに、バージョンv3以前（v2推奨）を使用してください。

検索後にここに到着するすべてのReact Router v4ユーザーの場合、aのオプションパラメータに<Route>は?サフィックスが付いています。

関連ドキュメントは次のとおりです。

https://reacttraining.com/react-router/web/api/Route/path-string

パス：文字列

正規表現へのパスが理解できる任意の有効なURLパス。

<Route path="/users/:id" component={User}/>

https://www.npmjs.com/package/path-to-regexp#optional

オプション

パラメータの後ろに疑問符（？）を付けると、パラメータをオプションにすることができます。これにより、接頭辞もオプションになります。

ページ番号の有無にかかわらずアクセスできるサイトのページ分割されたセクションの簡単な例。

<Route path="/section/:page?" component={Section} />

複数のオプションパラメータの構文：

<Route path="/section/(page)?/:page?/(sort)?/:sort?" component={Section} />

これで、URLは次のようになります。

1. /セクション
2. / section / page / 1
3. / section / page / 1 / sort / asc

react-router V5以降では、複数のパスの構文の下で使用します

<Route
          exact
          path={[path1, path2]}
          component={component}
        />