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

时间:2018-09-18 18:22:10

标签: reactjs react-router

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

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

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

1 个答案:

答案 0 :(得分: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') } />