Question

使用react-router时，我无法获得多个“主”视图来处理路由。这是我的路线配置：

const routes = (
  <Route path="/" component={AppView}>
    <Route path="/log-in" component={LogInView}/>
    <IndexRoute component={MainView}>
      <IndexRoute component={HomeView} />
      <Route path="company" component={CompanyView} />
      <Route path="clients" component={ClientsView} />
      <Route path="terms-of-service" component={TermsOfServiceView} />
      <Route path="privacy-policy" component={PrivacyPolicyView} />
      <Route path="contact" component={ContactView} />
    </IndexRoute>
  </Route>
);

有什么想法我可以让它发挥作用吗？

Answer 1

感谢Knowbody解决方案非常简单，只需从顶级Route元素中删除path属性，然后将IndexRoute更改为MainView的正常Route：

const routes = (
  <Route component={AppView}>
    <Route path="/log-in" component={LogInView} />
    <Route path="/" component={MainView}>
      <IndexRoute component={HomeView} />
      <Route path="company" component={CompanyView} />
      <Route path="clients" component={ClientsView} />
      <Route path="terms-of-service" component={TermsOfServiceView} />
      <Route path="privacy-policy" component={PrivacyPolicyView} />
      <Route path="contact" component={ContactView} />
    </Route>
  </Route>
);

使用react-router的多个主视图

1 个答案: