React-Router: Mục đích của IndexRoute là gì?

Tôi không hiểu mục đích của việc sử dụng IndexRoute và IndexLink . Có vẻ như trong mọi trường hợp, mã dưới đây sẽ chọn thành phần Trang chủ trước trừ khi đường dẫn Giới thiệu được kích hoạt.

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

Lợi ích / mục đích ở đây của trường hợp đầu tiên là gì?

Trong ví dụ trên cùng, going to /sẽ hiển thị Appvới Homepass khi còn nhỏ. Trong ví dụ dưới cùng, đi đến /sẽ hiển thị Appmà không hiển thị Homecũng không Aboutđược hiển thị, vì cả hai đường dẫn của chúng đều không khớp.

Đối với các phiên bản cũ hơn của Bộ định tuyến React, có thêm thông tin trên trang Các tuyến chỉ mục và Liên kết chỉ mục của phiên bản được liên kết . Bắt đầu từ phiên bản 4.0, React Router không còn sử dụng IndexRoutetrừu tượng để đạt được mục tiêu tương tự.