在 React 应用程序中使用 localstorage 而不是 useContext
Using localstorage in React apps instead of useContext
我正在学习 React，我正在尝试为电子商务应用创建购物车。
在我的教程中，我们使用 useContext 创建购物车（因为我们将在应用程序的多个位置需要它）。
但是，当我学习 JavaScript vanilla 时，我创建了另一个电子商务应用程序并将 localStorage 用于我的购物车。
所以我的问题是：在 React 中使用 localStorage 而不是 useContext 是一种不好的做法吗？哪个更好？在哪些情况下？
localStorage 是执着的。刷新浏览器后，数据将可用。它保存在浏览器本地。
context 不持久。刷新后数据会消失
哪个更好？它们是两种不同的工具。也许两者都可以用，每次访问网页时，检查localStorage中是否有内容，然后将其添加到context。
Context 可以对更改做出反应，因此您可以更新它的值并查看订阅的所有组件中的更改，但是对于 localStorage，您不能直接使用。
想想你的功能，当用户关闭导航器时，你需要保留数据吗？使用 localStorage
或者您是否需要通过不同的组件动态处理数据？然后使用 Context
PD：此外，您可以同时使用两者，localStorage 将用于挂载和卸载事件，Context 将用于应用程序生命周期的其余部分。
我正在学习 React，我正在尝试为电子商务应用创建购物车。
在我的教程中，我们使用 useContext 创建购物车（因为我们将在应用程序的多个位置需要它）。 但是，当我学习 JavaScript vanilla 时，我创建了另一个电子商务应用程序并将 localStorage 用于我的购物车。
所以我的问题是：在 React 中使用 localStorage 而不是 useContext 是一种不好的做法吗？哪个更好？在哪些情况下？
localStorage 是执着的。刷新浏览器后，数据将可用。它保存在浏览器本地。
context 不持久。刷新后数据会消失
哪个更好？它们是两种不同的工具。也许两者都可以用，每次访问网页时，检查localStorage中是否有内容，然后将其添加到context。
Context 可以对更改做出反应，因此您可以更新它的值并查看订阅的所有组件中的更改，但是对于 localStorage，您不能直接使用。
想想你的功能，当用户关闭导航器时，你需要保留数据吗？使用 localStorage
或者您是否需要通过不同的组件动态处理数据？然后使用 Context
PD：此外，您可以同时使用两者，localStorage 将用于挂载和卸载事件，Context 将用于应用程序生命周期的其余部分。