3
respostas

React Router 4

Estou dando uma olhada na documentação do React Router 4 e não vi nenhum caso que se assemelhe com o código abaixo.

<Route component={BaseLayout} >
    <IndexRoute component={Component1} />
    <Route path='component1' component={Component1} />
    <Route path='component2' component={Component2} />
</Route>

Como poderia converter esse código para o estilo atual do React Router ?

3 respostas

Opa, no capítulo do router foi adicionado um atividade extra sobre o router 4. Realmente não tem mais o indexroute.

Vi que realmente não, mas não é esse o problema.

O que quero é saber como substituir esse Route pai.

No exemplo, BaseLayout é um componente com um layout base e outros componentes eram exibidos dentro desse layout usando o this.props.children.

Como eu mudaria esse trecho de código? Ou não tenho mais como criar um layout dessa maneira?

Opa, usei exatamente esse exemplo na atividade extra do capítulo do router. É só dá uma olhada lá.