Как сохранить 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'));
Другие вопросы по тегам