javascript - 如何在没有 redux 的情况下缓存获取的数据

Question

我知道，使用 Redux 我有共同的 store 并且当我改变我的位置时，例如我从 /videos 页面，但是我仍然在我的 videos reducer 中获取了视频。因此，如果我随后决定返回到我的 videos 页面，我会向用户显示已经从我的商店中加载的视频，如果他需要并存储它们，则会加载更多。

但是在没有 Redux 的 React 中，如果我更改我的位置 /videos ，我在那里获取了一些视频，然后将它们存储在我的本地状态我的 VideosPage 组件然后返回到此页面，我没有视频了，应该从头开始获取它们。

我怎样才能缓存它们，这有可能吗？

PS:这是一个比较理论的问题，所以没有提供代码。

Answer 1

当您想稍后重新填充数据时，最好的保存数据的方法是将其保存在 localStorage 中，这样即使在刷新应用程序后也能获取数据

const InitialState = {
   someState: 'a'
}
class App extends Component {

 constructor(props) {
  super(props);

  // Retrieve the last state
  this.state = localStorage.getItem("appState") ? JSON.parse(localStorage.getItem("appState")) : InitialState;

}

componentWillUnmount() {
  // Remember state for the next mount
  localStorage.setItem('appState', JSON.stringify(this.state));
}

render() {
  ...
 }
}

export default App;