Não entendo qual é o propósito de usar um IndexRoute e IndexLink . Parece que, em qualquer caso, o código abaixo teria selecionado o componente Home primeiro, a menos que o caminho About fosse ativado.
<Route path="/" component={App}>
<IndexRoute component={Home}/>
<Route path="about" component={About}/>
</Route>
vs
<Route path="/" component={App}>
<Route path="home" component={Home}/>
<Route path="about" component={About}/>
</Route>
Qual é a vantagem / propósito aqui do primeiro caso?
javascript
reactjs
react-router
url-routing
Nick Pineda
fonte
fonte
Home
seria escolhido no primeiro exemplo, a menos que o caminho fosse/home
? Confira a explicação nos documentos: github.com/rackt/react-router/blob/master/docs/guides/basics/…/
renderizariaApp
comHome
passado como filho. No exemplo de fundo, indo para/
tornariaApp
com nenhumHome
ouAbout
sendo processado, uma vez que nenhum de seus caminhos corresponder.DefaultRoute
paraIndexRoute
. Acho que 'padrão' descreve melhor o propósito. github.com/rackt/react-router/blob/master/…Respostas:
No exemplo superior, ir para
/
renderizariaApp
comHome
passado como filho. No exemplo de fundo, indo para/
tornariaApp
com nenhumHome
nemAbout
está sendo processado, uma vez que nenhum de seus caminhos corresponder.Para versões anteriores do React Router, mais informações estão disponíveis na página de Rotas de Índice e Links de Índice da versão associada . A partir da versão 4.0, o React Router não usa mais a
IndexRoute
abstração para atingir o mesmo objetivo.fonte