我在用react-router-domv 5.2.0。我想在 URL 中添加多个查询参数，但我不知道如何完成它。
我的路线如下：
<Route path="/admin/users" component={UserList} />
我想传递多个查询参数，例如......
/admin/users?search=hello&page=1&user_role=admin
目前我正在手动执行此操作，例如...
<Link to="/admin/users?user_role=admin" />
但是，通过这个手动操作，我无法连接多个查询参数。有没有办法动态连接查询参数？做react-router-dom有它自己的方式来做这样的事情吗？
您可以利用query-string https://www.npmjs.com/package/query-string打包到parsequeryParams 到对象中，这将允许您轻松编辑它们，然后stringify在将它们传递给链接之前。
import qs from 'query-string';
...
const queryParam = qs.parse(location.search);
const newQueryParam = {
...queryParam,
user_role: 'admin',
something_else: 'something',
}
...
<Link to={{ pathname: '/admin/users', search: qs.stringify(newQueryParam)}} />
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
