Question

我的AdministratePage显示了一组用户。为了管理给定的用户，我正在尝试应用可选参数，如下所示：

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

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

路径 / admin 正常工作并显示AdministratePage。但是使用参数例如/ admin / abc 结果是空白页。

我还尝试了以下语法：

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

..没有运气。

我的AdministratePage尚未配置为进行过滤，因此它应该只显示所有用户。

值得的是：我的webpack.config.js包含：

 devServer: {
        historyApiFallback: true
    }

我正在使用“react-router-dom”：“^ 4.1.2”。谢谢。

Answer 1

试试这个

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

Answer 2

确保index.html bundle.js使用<script src="/bundle.js" />的绝对路径，<script src="bundle.js" />而非{{1}}

React routing可选参数不起作用（react-router-dom：版本4.1.2）

2 个答案: