Javascript web Cookie和本地存储有什么区别？

在react js项目中，有多种存储数据的方法

一,。使用redux状态管理和redux持久化，将数据永久存储在浏览器中

二,。通过使用setter和getter使用web浏览器的本地存储

三,。使用网络Cookies

---

我想知道所有这些存储数据的方法和什么时候使用什么存储数据之间有什么区别？

你的问题中有一些相当不准确的说法。回复：1-redux不会在浏览器中永久保存数据。这实际上就是localStorage、cookies和localdb所做的

但考虑到这一修正，这是一个好问题

redux状态是最“被动”的状态。它的目的是让应用程序中的组件能够访问“单一真相来源”。它将数据直接存储在JS中的内存中。它可以由您的组件快速访问和更新，而无需任何介质（如本地存储），这就是为什么它非常方便的原因

本地存储确实能够将数据永远存储在浏览器中。但是，为了保持数据同步，从它读取数据和向它写入数据需要额外的时间和负担，因为您无法与它同步交互，所以它不是用作组件的主要数据源的最佳选择。但是在app inits上水合一些数据是很好的（例如，您可以将JWT令牌存储在那里，然后在app load中将其水合到redux存储中——这是一种常见的模式）

从广义上讲，Cookies不是存储信息的好地方。它是一个占位符，用于存储一些特定于会话的标识符，以便与后端通信。有关更多信息，请查看此项：