Как убрать трейлинг / по корневому маршруту с реакции-роутером

Question

У меня есть несколько маршрутов:

 www.example.com/rootRoute/flags
 www.example.com/rootRoute/test
 www.example.com/rootRoute/derp

Для домашней страницы маршрута я бы хотел, чтобы мой маршрут был:

 www.example.com/rootRoute

, но реакции-маршрутизатор форсирует / в конце, поэтому мой корневой маршрут:

 www.example.com/rootRoute/

Есть идеи, как это исправить?

 "react-router": "^4.3.1",
 "react-router-dom": "^4.3.1",

Я уже установил путь в своем коммутаторе и проложил путь к желаемому пути, но / всегда добавляется в адресной строке.

 <Switch>
  <Route path={'/rootRoute/flags'} component={FeatureFlagsPage} />
  <Route path={'/rootRoute/test'} component={DerpComponent} />
  <Route path={'/rootRoute'} component={TestComponent} />

Я ожидаю, что в конце корневого маршрута не будет никакого / 1016 *

Answer 1

Я закончил тем, что использовал history.replaceState ('', 'State Title', 'Root Path');

в моем компоненте индекса.

Answer 2

Несколько незначительных изменений:

Переместите /rootRoute наверх и добавьте к нему точное значение. Избавиться от фигурных скобок ...

<Switch>
  <Route exact path='/rootRoute' component={TestComponent} />
  <Route path='/rootRoute/flags' component={FeatureFlagsPage} />
  <Route path='/rootRoute/test' component={DerpComponent} />
</Switch>