如何在react js中从url获取参数

Question

我有一个像这样的网址：

http://本地主机:3000/1

“1”是用户id作为参数，我如何在react js中获取它？

Answer 1

如果路由器是这样的

<Route exact path="/category/:id" component={ProductList}/>

像这样访问

this.props.match.params.id

供您参考React Router 的 URL 参数

Answer 2

FWIW 现在在 React Router DOM v5 中使用钩子要容易得多（链接）

在 Router 中正常定义路由：

<Route path="/users/:id" ...

在组件中，只需解构 useParams 钩子即可：

const { id } = useParams();

就这么简单！