Невозможно отобразить только один маршрут в реагирующем маршрутизаторе

Question

Я сделал роутер, но по запросу / пользователю / добавлению оба компонента отображаются. Мне нужно только отобразить компонент UserAdd.

<Switch>
  <Route exact path="users/add" component={UserAdd} />
  <Route exact path="users/:id" component={UserPreview} />
</Switch>

Answer 1

добавить exact к маршруту,

<Route exact path="/users/add" component={UserAdd} />

https://reacttraining.com/react-router/web/api/Route/exact-bool

Answer 2

Ключевое слово

exact используется только в том случае, если вы хотите отобразить компонент при точном совпадении маршрута.

Если у вас несколько маршрутов, используйте exact для посещения указанной страницы c.

<Route exact path="/users/add" component={UserAdd} />

Для лучшего понимания между <Route exact path="/" /> и <Route path="/" />

проверка разница