react获取界面路由参数
时间: 2024-05-16 07:10:58 浏览: 178
在React中,可以通过`react-router-dom`库来获取界面路由参数。具体来说,可以通过`useParams()` hook来获取路由参数。使用示例如下:
```
import { useParams } from 'react-router-dom';
function MyComponent() {
let { id } = useParams();
return <h1>界面路由参数是:{id}</h1>;
}
```
上述代码中,我们通过`useParams()` hook获取了路由参数中的`id`值,并将其展示在了页面上。需要注意的是,在使用`useParams()` hook之前,需要先在`<Router>`组件中定义路由规则。
阅读全文