Ainda não tem acesso? Estude com a gente! Matricule-se
Ainda não tem acesso? Estude com a gente! Matricule-se

"Route" pai e path="/"

No código:

...codigo omitido

ReactDOM.render(
    (<Router history={browserHistory}>
        <Route path="/" component={App}/>
            <IndexRoute component={Home}/>
            <Route path="/autor" component={AutorBox}/>
            <Route path="/livro"/>
        </Route>
    </Router>
),  document.getElementById('root')
);

Quando o usuário acessa a url "localhost:3000/", (note o uso da barra), o "Router" resolve pra "App" ou pra "Home"? Qual é o componente que é passado?

1 resposta

Marcelo, boa tarde!

Ele redireciona para o App, isso porque o app é a página inteira, já o home seria aquela parte da direita. Então basicamente nós sempre somos redirecionados para o App, o caminho muda apenas para informar qual componente será renderizado a direita, que no caso do / é o componente home.

Tanto que, se você alterar um texto no App ele irá alterar tanto em autores, quanto em livros.

Espero ter ajudado e bons estudos!