刷新页面时在本地保持或“缓存”状态

Question

我的想法是减少 Web 客户端对服务器的请求数量。 比如说，一个显示用户数据的视图/组件（在呈现此视图/组件之前首先检索），如果用户重新加载页面（F5），则整个应用程序将重新加载并再次初始化，因此向服务器发出另一个请求以获取该数据数据再次，有没有办法在本地维护或“缓存”该状态？

我不知道如何实现这一点。

Answer 1

您可以尝试 redux presist 链接： https : //github.com/rt2zz/redux-persist或者您可以使用 localstorage： https : //developer.mozilla.org/en-US/docs/Web/API/Window/localStorage

Answer 2

正如其他人所说，本地存储可能是您最好的选择，但我认为这不是一个好主意。 如果用户重新加载页面，那对于您的应用程序来说本质上就是一张白纸。 您可以从本地存储中获取数据，但您怎么知道它仍然是最新的？ 无论如何，您需要与服务器核对。

您绝对应该研究 redux/store 解决方案，您可以在其中存储数据以供用户在使用您的应用程序时使用，这样您就可以在组件之间共享数据，而不必每次都获取相同的数据。 但实际上将它存储在本地只是一种糟糕的做法，IMO。