javascript - Reach Router の同じコンポーネントの複数のパス名

Question

3 つの異なるルートに同じコンポーネントを使用しています。

<Router>
    <Home path="/" />
    <Home path="/home" />
</Router>

とにかくそれを組み合わせる方法はありますか:

<Router>
    <Home path=["/home", "/"] />
</Router>

Answer 1

対処している状況に応じて<Redirect />、作業を行うこともできます。

<Router>
  <Redirect from="/" path="/home" noThrow />
  <Home path="/home" />
</Router>

Answer 2

思い通りにできると思います。これを見てください: https://reacttraining.com/react-router/core/api/Route/path-string-string

Answer 3

ルートの配列を使用して、単一のコンポーネントを複数のパスに使用できます。

コード例:

'./sampleComponent' から sampleComponent をインポートします。// 複数のルートの単一コンポーネント

 <Router>
  <Switch>
   {["/pathname_1", "/pathname_2", "/pathname_3", "/pathname_4", "/pathname_5", "/pathname_6"].map(pathname =>  (<Route exact path={pathname} component={sampleComponent} />) )}
   <Switch>
<Router>