Как сохранить props.location.state после обновления страницы?(Без использования локального хранилища)
Я использовал эту ссылку, когда я обновлял страницу props.location.state === null какое-либо решение, чтобы хранить данные в props.location.state при обновлении или загрузке новых страниц без использования локального хранилища?
<Link to={{ pathname: `/details/${imdbID}`, state: this.props }}>
2 ответа
Решение
Нет необходимости хранить данные, которые вам нужны, в локальном хранилище, вы можете создать дамп в любом месте, и с обновлением данных или без него всегда будет здесь, только при маршрутизации нам нужно использовать propWh независимо от примера:
<Route path="/details" render={(props)=> (
<Details {...props} propWhatever={{data}} />
)} />
Вы должны сохранить состояние, которое хотите сохранить, в локальном хранилище.
let savedState = JSON.stringify(props.location.state)
localStorage.setItem('myState', savedState);
Получить сохраненное состояние из локального хранилища
let retrievedState = JSON.parse(localStorage.getItem('myState'));