導航到某個路徑後清除位置狀態

Question

我正在使用react-router browserHistory導航到路徑。

browserHistory.push({ 
    pathname: '/mycomponent', 
    state: { someValue: 'value'}, 
}); 

所以這將導航到mycomponent。只要我到達我的組件，我想清除密鑰someValue。所以當我刷新頁面時，它將不包含該值。

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

任何幫助，將不勝感激。

Answer 1

我認爲你可以使用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: {} 
    }); 
    } 
}