Как очистить props.location.state при обновлении?

Question

Я перехожу на другую страницу, где я передаю некоторые данные, например, так:

this.props.history.push({
  pathname: "/someotherpage",
  state: { somedata: somedata }
});   

Теперь на /someotherpage в моем методе render() есть условие, чтобы компонент отображался в зависимости от того, является ли this.props.location.state нулевым.

{this.props.location.state && (
    <SomeComponent>
        {this.props.location.state.somedata}
    </SomeComponent>
)}

Это работает. Тем не менее, когда я обновляю страницу, <SomeComponent> по-прежнему отображается, поскольку на нем все еще хранится this.props.location.state.somedata, даже если я обновляю. Как очистить this.props.location.state обратно в ноль при обновлении страницы? (Кажется, это понятно, хотя при удалении только при обновлении сохраняется.)

Answer 1

Попробуйте это:

history.replace('', null);