一个组件的嵌套路由reactjs

时间:2018-01-12 11:17:43

标签: reactjs react-router react-redux

我是reactJs的新手,我试图为一个组件做嵌套路由而且它不工作 以下方式我试图做嵌套和错误发生像这样

  

警告:你不应该使用和使用相同的路线;将被忽略

MatrixCursor c = new MatrixCursor(new String[] { "_id", "title" })
  {
     @Override
     public Bundle getExtras() {
        return new Bundle();
     }
  };

那么我应该为一个组件的嵌套路由做些什么呢。 感谢

2 个答案:

答案 0 :(得分:1)

您使用的是什么版本的react-router?如果您使用的是React-router版本4,则将嵌套路由放在另一个组件中。请参阅下面的链接 Nested routes with react router v4

答案 1 :(得分:0)

您可以避免使用嵌套路线,而是在Switch中使用exactreact-router-dom的组合。这是如何做到的。

<Switch>
    <Route exact path="/" component={App} />
    <Route exact path="/test" component={App}/>
    <Route exact path="/register" component={Registration} />
    <Route exact path="/register/pet/more" component={App} />
</Switch>

我们的想法是Switch仅选择匹配的路线,而exact会完全匹配,因此这可以解决您的问题。