[javascript] React-Router : IndexRoute의 목적은 무엇입니까?

Program / 글쓴이

IndexRoute 및 IndexLink 사용 목적이 무엇인지 이해하지 못합니다 . 어떤 경우에도 About 경로가 활성화되지 않으면 아래 코드가 Home 구성 요소를 먼저 선택한 것 같습니다.

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

첫 번째 경우의 장점 / 목적은 무엇입니까?

답변

위의 예에서는 자식 으로 전달 된 상태로 /렌더링 App됩니다 Home. 아래의 예에서 예정 /으로 렌더링 App으로 둘 다 Home 아니다하는 것은 About자신의 경로 중 어느 것도 일치하기 때문에, 렌더링되고 있지.

이전 버전의 React Router의 경우 관련 버전의 색인 경로 및 색인 링크 페이지 에서 자세한 정보를 확인할 수 있습니다 . 버전 4.0부터 React Router는 더 이상 IndexRoute동일한 목표를 달성하기 위해 추상화를 사용하지 않습니다 .

답변