Несколько главных видов с реактивным маршрутизатором

Question

Я не могу получить несколько «главных» представлений для работы с маршрутами при использовании реактивного маршрутизатора. Вот мои маршруты config:

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 решения было довольно просто, просто удалите атрибут пути от элемента верхнего уровня маршрута и изменить IndexRoute к нормальному пути для MainView:

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> 
);