如果找到完全匹配,则覆盖动态路由

时间:2017-10-04 11:04:18

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

我很擅长使用React Router的v4,目前正在努力应对以下情况

<Route exact path="/campaign/new" component={CampaignEditor}/>
<Route exact path="/campaign/:id" component={Campaign}/>

我希望完全匹配/campaign/new呈现CampaignEditor。在所有其他情况下,我想使用动态ID作为参数呈现Campaign

如果参数等于&#34; new&#34;,我当然可以在广告系列组件中渲染编辑器,但有没有办法在路由器上执行此操作?

1 个答案:

答案 0 :(得分:5)

利用Switch,你可以渲染像

这样的路线
<Router>
     <Switch>
          <Route exact path="/campaign/new" component={CampaignEditor}/>
          <Route path="/campaign/:id" component={Campaign}/>
     </Switch>
</Router>