将查询参数添加到React Router中的当前网址？

Question

我正在使用React Router 4，并且选中了某些复选框后，我想使用该复选框中的值更新当前网址。

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

因此，我认为它必须更多地代替url而不是推送。

Answer 1

从npm安装history软件包

创建一个新文件 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') } />