如何在刷新页面后保留props.location.state？（不使用本地存储）

Question

我用这个 Link ，当我刷新页面时 props.location.state === null 在不使用本地存储的情况下刷新或收取新页面时将数据保留在 props.location.state 中的任何解决方案？

<Link to={{ pathname: `/details/${imdbID}`, state: this.props }}>

Answer 1

您必须将要保存的状态存储到本地存储中。

let savedState =  JSON.stringify(props.location.state)
localStorage.setItem('myState', savedState);

从本地存储中获取保存的状态

let retrievedState = JSON.parse(localStorage.getItem('myState'));

Answer 2

不需要将你需要的数据存储在本地存储中，你可以在任何地方转储，无论刷新或不刷新数据都会一直在这里，只是在路由中我们需要使用 propWhatever 示例：

<Route path="/details" render={(props)=> (
        
          <Details {...props}   propWhatever={{data}} />
          )} />

How to keep the props.location.state after refreshing page?(without using local storagre)