Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/reactjs/27.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
Reactjs 导航到某个路径后清除位置状态_Reactjs_React Router - Fatal编程技术网

Reactjs 导航到某个路径后清除位置状态

Reactjs 导航到某个路径后清除位置状态,reactjs,react-router,Reactjs,React Router,我正在使用react routerbrowserHistory导航到路径 browserHistory.push({ pathname: '/mycomponent', state: { someValue: 'value'}, }); 因此,这将导航到mycomponent。我一接触mycomponent,就想清除键someValue。因此,当我刷新页面时,它将不包含该值 export class myComponent extends component { component

我正在使用react router
browserHistory
导航到路径

browserHistory.push({
  pathname: '/mycomponent',
  state: { someValue: 'value'},
});
因此,这将导航到mycomponent。我一接触mycomponent,就想清除键
someValue
。因此,当我刷新页面时,它将不包含该值

export class myComponent extends component {
  componentWillMount() {
    const value = this.props.location.state.someValue;
    // clear state.someValue from history
  }
}

任何帮助都将不胜感激。

我认为您可以使用browserHistory
replace
方法将历史状态替换为新状态,而无需定义
someValue

export class myComponent extends component {
    componentWillMount() {
        const value = this.props.location.state.someValue;
       // clear state.someValue from history
        browserHistory.replace({
           pathname: '/mycomponent',
           state: {}
       });
    }
}

刷新页面后,afaik
someValue
将不会处于位置状态。所以你不需要手动删除它。@TharakaWijebandara-即使在页面刷新后我也能看到它。。