Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/380.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/reactjs/25.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/fsharp/3.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 更新查询字符串onChange-reactjs_Javascript_Reactjs_Query String - Fatal编程技术网

Javascript 更新查询字符串onChange-reactjs

Javascript 更新查询字符串onChange-reactjs,javascript,reactjs,query-string,Javascript,Reactjs,Query String,我有一个带有查询字符串的url,如下所示 http://localhost:3000/collection?page=1&limit=15&filter=%27%27&filterInitDate=2019/11/11&filterEndDate=2019/11/11 当我从日期输入中选择日期时,我只想更新filterInitDate。我知道只需使用this.props.history.push即可更新url,但当我更改日期输入时,如何更改/更新filterIn

我有一个带有查询字符串的url,如下所示

http://localhost:3000/collection?page=1&limit=15&filter=%27%27&filterInitDate=2019/11/11&filterEndDate=2019/11/11
当我从日期输入中选择日期时,我只想更新
filterInitDate
。我知道只需使用
this.props.history.push
即可更新url,但当我更改日期输入时,如何更改/更新
filterInitDate

理想的情况是这样

history.push(`/collection?filterInitDate=${startDate}`)
为此,您可以使用和类,下面是一个示例:

consturlstr='1〕http://localhost:3000/collection?page=1&limit=15&filter=%27%27&filterInitDate=2019/11/11&filterEndDate=2019/11/11';
const url=新url(urlStr);
url.searchParams.set(“filterInitDate”、“2019/11/12”);
log(url.toString())