React如何获取url中的带问号的参数?
时间: 2023-02-20 08:47:16 浏览: 425
JS截取url中问号后面参数的值信息
5星 · 资源好评率100%
在React中可以使用JavaScript的URL模块进行解析。比如:
```
import { useLocation } from 'react-router-dom';
function useQuery() {
return new URLSearchParams(useLocation().search);
}
function MyComponent() {
let query = useQuery();
return (
<div>
<h1>My page</h1>
<p>{query.get('id')}</p>
</div>
);
}
```
如果不使用React Router,也可以使用`window.location.search`来获取URL的查询字符串:
```
function useQuery() {
return new URLSearchParams(window.location.search);
}
function MyComponent() {
let query = useQuery();
return (
<div>
<h1>My page</h1>
<p>{query.get('id')}</p>
</div>
);
}
```
然后,使用`URLSearchParams.get()`方法即可获取指定参数的值。
阅读全文