react-router-v4 - react-router v4:「/」ページを他のページの同義語としてどのように処理しますか?

Question

複数の URL に対して同じ単一ページ アプリをレンダリングするサーバーがあります。

/
/A
/B

Aを「ホーム」ページとして機能させたい。したがって、「/」または「/A」へのブラウザ リクエストは、同じものを表示するはずです。

特に、ページ A と B へのリンクを作成し、A へのリンクを "/" と "/A" に対してアクティブとしてマークしたいと考えています。

だから私は次のようなものを使用しています:

<NavLink to="/A" activeClassName='nav-active'>Go to A</NavLink>
<NavLink to="/B" activeClassName='nav-active'>Go to B</NavLink>

<Router>
 <Route path='/A' component={A} />
 <Route path='/B' component={B} />
</Router>

"/" を "/A" の同義語にするにはどうすればよいですか? 私が試したこと：

• Route別のものを追加path="/": これにより、2 つのコンポーネントが表示されます
• のような正規表現を使用path="/(A)?": これは正しいコンポーネントを表示しますが、リンクはアクティブとしてマークされていません

代わりにサーバー側のリダイレクトとして実装する必要があります(同じページコンテンツを提供するのではなく、/リダイレクトするだけですか?)/A