2015-07-16 2 views
1

Я играю с реакционными маршрутами. Во всех примерах маршруты всегда вложенными, напримерreactjs - Возможно ли иметь не вложенные маршруты

<Route path="/" handler={App} > 
    <Route name="about" handler={About} /> 
    <Route name="contact" handler={Contact} /> 
</Route> 

Можно ли иметь простые удобства вложенные маршруты, как показано ниже?

<Route path="/" handler={App} /> 
<Route name="about" handler={About} /> 
<Route name="contact" handler={Contact} /> 

Update:

var routes = (
    <Route name="root" handler={Root}> 
     <Route path="/" handler={Home} /> 
     <Route path="/home" handler={Home} /> 
     <Route path="/about" handler={About} /> 
     <Route path="/projects" handler={Projects} /> 
     <Route path="/contact" handler={Contact} /> 
    </Route> 
); 

Странные вопросы, после обновления до этого, как было предложено ответить ниже. name больше не работает path работает? Мне пришлось обновлять маршруты. Есть идеи?

ответ

1

Кажется, это невозможно. Но я использую трюк, чтобы эмулировать такое поведение:

var Routes = (
    <Route name="root" handler={Root}> 
     <Route name="checkout" path="/checkout/:step" handler={Checkout}/> 
     <Route name="application" path="/" handler={Application}> 
      <DefaultRoute handler={Promo}/> 
      <Route name="agreement" handler={Agreement}/> 
      <Route name="policy" handler={Policy}/> 
      <Route name="how-it-works" handler={Brief}/> 
      <Route name="login" handler={Login}/> 
      <Route name="faq" handler={Faq}/> 
      ... 
      <NotFoundRoute handler={NotFound}/> 
     </Route> 
     <NotFoundRoute handler={NotFound}/> 
    </Route> 
); 

Если Root является только основной страницы HTML с помощью тега тела, содержание которого вынесенным обработчика маршрута.

Здесь мне нужна страница проверки с разным макетом страницы, но на том же уровне сегмента маршрута, что и соглашения или страницы входа.

+0

Спасибо, но теперь имя не работает. Не знаете почему? –

+0

Этот пример из рабочего проекта. Обработанные маршруты будут: /,/checkout/*,/соглашение и так далее. Код написал около 2 месяцев назад. – shadeglare

Смежные вопросы