使用react-router处理可以匹配确切路径或带有参数的路径的路由

时间:2018-09-18 16:29:52

标签: reactjs react-router react-router-v4

我使用react-router v4,我喜欢将不同的路由合并为一条路由。有没有一种方法可以简化以下代码:

  select avg(price)
  from
    (SELECT date,price
     FROM table
     ORDER BY date desc limit 7
    ) as t

<Route exact path="/" component={myPage} /> <Route path="/a/:a" component={myPage} /> <Route path="/b/:b" component={myPage} /> 应该回答MyPage/,而不是/a/foo

1 个答案:

答案 0 :(得分:0)

定义精确路径,并在将相同组件用于不同路线时分配关键道具:

<Route exact path="/" key="root" component={myPage} />
<Route exact path="/a/:a" key="a-a" component={myPage} />
<Route exact path="/b/:b" key="b-b" component={myPage} />