javascript - 使用 localStorage 代替 Redux 或 Context API 可以吗?

标签 javascript reactjs redux local-storage

我使用 React 已经有一段时间了,一段时间后我开始问自己,为什么不将我的组件需要共享的每条数据都存储在本地存储中,而不是使用 Redux。 Redux 需要如此多的样板,而 localstorage 则如此简单。你可以说你不能在 localstorage 中存储对象,但你可以 JSON.stringfy 它们,在恢复时只需将它们解析回来。所以很可能有一些我无法正确看到的东西,因为 Redux 被大量使用,而 localstorage 通常用于保存您不希望在刷新时丢失的数据等等。

最佳答案

当我开始开发 React 应用程序时,这个问题就在我脑海中浮现。
使用 redux 而不是 localStorage 的原因有很多。
但至少

  • 将 Redux 与 react-redux 一起使用不仅用于存储数据。不要忘记改变一个状态会重新渲染所有监听那个状态的组件。这就是 react-redux 所做的。
  • 来自 localStorage 的 stringify/parse 将使您的应用程序(大规模)变慢,并且在更改状态时也不会同步所有组件。

  • 个人推荐 经过 4 年以上的 React Apps 开发,使用 REDUX 和简单的 API,如 redux-toolkit 或 rematch

    关于javascript - 使用 localStorage 代替 Redux 或 Context API 可以吗?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/62174110/

    相关文章:

    javascript - 如何在 Javascript 或 CSS 中旋转图像

    javascript - Google Docs 和 Ms Word 应用程序未显示在选择器中

    javascript - 如何使用 Javascript/JQuery 计算字符串变量的宽度(以像素为单位)

    javascript - 将项目推送到嵌套对象数组

    reactjs - 是否可以在不使用箭头函数的情况下使用 TypeScript 输入 React 函数组件?

    reactjs - react : Component wont reload - even though new state has been set

    javascript - 如何在另一个页面中包含html页面?

    javascript - redux 状态的变化不会导致未调用的组件/componentDidUpdate 发生变化

    javascript - react 原生 redux 状态更新但不在组件中渲染

    reactjs - 在 Jest + Enzyme 中测试连接容器方法