时间戳

首页 > 解决方案 > 将查询参数添加到 React Router 中的当前 URL？

reactjs - 将查询参数添加到 React Router 中的当前 URL？

问题描述

我使用的是React Router 4，当检查了一些复选框时，我想使用复选框中的值更新当前URL。

如何将参数推送到当前 url？另外，如果可能的话，我真的不想支持它，如果他们单击后退按钮，它将取消选中最后一个选项（除非我几乎免费获得此功能）。

所以我认为它必须更多地替代 url 而不是推送。

标签： reactjsreact-router

解决方案

history从 npm安装包

创建一个新文件config/history.js

import createHistory from 'history/createBrowserHistory';
export default createHistory();

现在在您想要更新 url 的代码中，使用以下命令：

import history from './config/history';

....
<input type="checkbox" onChange={() => history.push('/foo?variable=value') } />

推荐阅读