Дополнительный параметр React маршрутизации не работает (response-router-dom: версия 4.1.2)

Question

Моя страница администрирования показывает коллекцию пользователей.Чтобы администрировать данного пользователя, я пытаюсь применить необязательный параметр, например так:

import { Router, Route } from 'react-router-dom';

<Route path="/admin" component={AdministratePage} >    
  <Route path="/:id" component={AdministratePage} />
</Route>

Маршрут / admin работает нормально и показывает страницу администрирования.Однако использование параметра, например / admin / abc, приводит к пустой странице.

Я также попробовал следующий синтаксис:

<Route path="/admin/:id?" component={AdministratePage} />

.. без удачи.

Моя страница администрирования *еще не настроен для фильтрации, поэтому он должен просто отображать всех пользователей на данный момент.

Для чего это стоит: мой webpack.config.js содержит:

 devServer: {
        historyApiFallback: true
    }

Я использую «response-router-dom»: «^ 4.1.2».Спасибо.

Answer 1

Фактическая проблема заключалась в том, что пакет не был найден.

См. Реагирует на маршрутизацию, путь не работает, пакет не найден . Я надеюсь, что это может кому-то помочь.

Answer 2

Убедитесь, что в вашем index.html вы используете абсолютный путь для bundle.js, например <script src="/bundle.js" />, а не <script src="bundle.js" />

Answer 3

Попробуйте это

<Route path="/admin" component={AdministratePage} />
<Route path="/admin/:id" component={AdministratePage} />