React路由器中的深层链接（挂钩）

Question

我在应用程序中具有以下路线：

<Switch>
    <Route path="/shops/:id">
       <StoreDetails/>
    </Route>
    <Route path="/shops">
        <Stores/>
    </Route>
   <Route path="/">
      <Home/>
   </Route>
</Switch>

我如何深度链接/ shops和/ shops /：id URL ??

Answer 1

带有钩子：

import React from 'react';

export const test = props => {
 const { match } = props;
 const id = match.params.id;

 return <></>;
};