возникли проблемы в понимании пути, переданного для реакции маршрутизатора

Question

Чем отличаются два пути. Я попытался пройти через документы о реакции маршрутизатора, но это все еще создает путаницу. Первый -

   <Route
    path="/cricket/:description/:id"
    component={xyz}
  />
 and another is 
  <Route 
   exact
   path="/cricket"
   component={xyz1}
 />

Я вижу, что первый маршрут упоминается в App.js. Это приводит к путанице, какой из них был выполнен и как?

Answer 1

Маршрутизатор будет отображать оба компонента, если путь примерно равен /cricket/foo/123, потому что он совпадает с обоими шаблонами.

Если вы хотите, чтобы отображался только один, вы должны использовать exact prop как

<Route exact path="/cricket" component={xyz1} />