当ComponentDidMount在刷新时重置值时，我如何持久化本地存储？
当ComponentDidMount在刷新时重置值时，可以通过使用本地存储技术来持久化数据。本地存储是一种在浏览器中存储数据的方式，可以在页面刷新或关闭后仍然保留数据。
常见的本地存储技术包括：
- Cookie：Cookie是一小段文本信息，可以存储在用户的浏览器中。可以使用JavaScript的document.cookie来读取和写入Cookie。然而，Cookie的容量有限，且每次请求都会携带在HTTP头中，可能会影响性能。
- Web Storage：Web Storage提供了两个对象来进行本地存储：sessionStorage和localStorage。它们都可以存储键值对，并且只能存储字符串类型的数据。sessionStorage的数据在会话结束后会被清除，而localStorage的数据会一直保留。
- IndexedDB：IndexedDB是一种高级的本地存储技术，可以存储大量结构化数据。它使用对象存储空间来存储数据，并提供了丰富的API来进行数据操作。
- File API：File API允许网页访问用户本地文件系统，可以读取和写入文件。可以将数据保存为文件，然后在需要时读取文件内容。
根据具体的需求和场景，选择合适的本地存储技术。对于持久化存储，推荐使用localStorage或IndexedDB。以下是腾讯云提供的相关产品和产品介绍链接地址：
- 腾讯云对象存储（COS）：提供高可靠、低成本的云端存储服务，适用于存储和管理大量非结构化数据。产品介绍链接：https://cloud.tencent.com/product/cos
- 腾讯云数据库（TencentDB）：提供多种数据库产品，包括关系型数据库、NoSQL数据库和数据仓库等，适用于不同的数据存储需求。产品介绍链接：https://cloud.tencent.com/product/cdb
请注意，以上仅为腾讯云提供的相关产品，其他云计算品牌商也提供类似的产品和服务。
相关·内容
当从列表中获取并将其设置为零时，我将一个项附加到每个数组项中。然后在ComponentDidMount()中运行函数。“like”值，并保存到本地存储中。() => { });
}; 但每次刷新时，点赞计数器都会重置</em
浏览 21提问于2020-09-23得票数 0
回答已采纳
我已经创建了一个受保护的路由，并且它起作用了。结果是，每当我手动键入的网址，它没有进入仪表板，因为它没有认证，所以你需要点击登录按钮，所以它将直接进入仪表板，但问题是，当我点击登录按钮，已经在仪表板中，并刷新页面，它再次回到登录页面。下面是我的身份验证代码： constructor() { }
this.authenticatedpath="/dashboard&quo
浏览 13提问于2020-02-12得票数 1
回答已采纳
我正在尝试使用JWT持有者令牌设置授权标头。
刷新窗口时，标题被重置。当"componentDidMount“从本地存储时，我设置了header，但是重复了很多次，并且从预渲染中得到了未定义的本地存储。axios.defaults.headers.common['Authorization'] = 'Bearer ' + local
浏览 36提问于2020-05-14得票数 1
回答已采纳
目前正在构建购物车，一个组件保存产品，onClick(添加到购物车)我会将项目添加到本地存储，然后在另一个组件中从本地存储检索和显示项目。我当前的设置可以正常工作，但在刷新时，当添加新项目时，新的设置会覆盖旧数据。我假设刷新时状态会重置为空。您将如何实现具有或不具有状态的数据持久性？extends Compon
浏览 0提问于2020-05-03得票数 0
我在角js中有两个服务，一个是声明带有默认值的对象，另一个是为这些对象分配新的值。在控制器中重写之后，我能够使用这个对象，但是当我刷新浏览器(Ctrl+F5)时，它会被重新初始化为它的默认值。这很好，但是在ctrl+F5之后，它再次设置为false。
浏览 2提问于2016-11-16得票数 2
回答已采纳
2回答
因此，我能够在用户滚动时获得滑块的值，以及滑块完成的位置(滑块的结束位置)。我能够将这两个值存储在本地存储中，但是我无法将滑块位置固定下来并在刷新时反映出来；它每次都会重置。我已经检查了这方面的文档，但没有发现任何关于滑块状态持久化的信息。在下面的代码页中，您可以看到，当滑块移动时</
浏览 0提问于2018-03-08得票数 0
回答已采纳
2回答
我在我的useState钩子项目上遇到了麻烦。这是一个事件的声明。当从一个列表调用/打开组件时，它工作并加载所有数据，但是当页面被重新加载时，它都丢失了，并且不再用useState加载它
我已经冒昧地减少了显示的数据量，因为它已经是一个相当长的文件了。
浏览 7提问于2022-07-03得票数 0
问题出在这个组件中，在刷新时，“products”状态不会持久存在，并返回未定义的状态，尽管我也直接在该组件中调用了“fetchProducts()”。我将products数组直接传递给'ProductView‘组件，但它并不像'ProductsList’组件那样在刷新时保持不变。这是我的'AllProductsList‘组件，它在刷新时成功地持久化了
浏览 19提问于2019-07-24得票数 0
回答已采纳
2回答
我有一个横幅，它的可见性由真假的状态决定。我有一个关闭按钮和一个clickHandler设置状态为false，这隐藏了横幅。当我导航到另一个页面时，状态重置为true，因此横幅是可见的。如何强制状态保持为假，即使页面刷新或更改？基本上，我希望横幅不再出现，如果用户关闭它。
注意:横幅组件是一个布局组件，所有页面都使用它。
浏览 4提问于2021-04-28得票数 1
回答已采纳
我有点糊涂了。如果用户已通过身份验证，我将尝试显示登录按钮。它在某种程度上有效。当用户通过身份验证时，将显示登录按钮。 </Container> </>}
export de
浏览 1提问于2021-07-08得票数 1
我已经阅读/观看了ReactJs与Redux有关如何使用它获取数据并在屏幕上显示数据的几个指南/教程。如果我第一次进入这个屏幕，“数据”将是空的。这里没问题。useEffect将进行数据提取，当它完成时，信息将显示出来。如果那个用户注销了，而另一个用户登录了呢？如果新用户进入此页面，我将显示其他用户信息，直到完成提取(这可能需要几秒钟)。我</e
浏览 2提问于2020-05-11得票数 3
回答已采纳
4回答
当页面重新加载时，我定义的值不会持久。event.target.password.value = ''; }}
我做错了什么
浏览 5提问于2015-07-16得票数 0
回答已采纳
1回答
如何持久化状态的剩余部分？
、、、、
状态已设置，但我不完全确定为什么我的extraReducers状态不坚持页面刷新中的存储。我只测试了reducers的状态设置器，它在页面刷新时保持得非常好。state.ethWeb3.walletAddress = payload.walletAddress },我使用useAppSelector来确认状态设置，但是查看本地存储，没有任何变化，
浏览 6提问于2021-11-05得票数 0
在第一页刷新时，asyncData函数无法获取持久化状态。当我跟随另一个NuxtLink，回到这个页面时，当状态不发生变化的时候，数据就在那里了。这意味着在第一次加载/刷新时，服务器端无法使用持久化状态。LocalStorage是我选择持久化相关状态项的地方。不幸的是，在第一个页面刷新</em
浏览 2提问于2019-07-14得票数 4
回答已采纳
然而，当点击它变成红色，这意味着这篇文章已经被喜欢。此操作仅在用户登录时发生。如果不是，单击心脏图标将显示一个登录模式。但是，当您将导航移开时，例如单击一个帖子标题，然后按后退按钮返回到此页面时，它将无法持久。实现此功能的推荐方法是什么？我知道我可以使用Redux，但不确定如何防止在每次重呈现时，即使在使用Redux时，也不会重置该值。此时，组件
浏览 4提问于2020-02-11得票数 4
在blazor中加载新页面时，我的单例对象不会保持其状态。我有这样的接口： public interface IPreLaunchSession bool IsPreLaunchAuthenticated { get; set; }IsPreLaunchAuthenticated { get; set; }
{
} 我将其注册为单例在另一段代码中
浏览 13提问于2020-10-06得票数 1
回答已采纳
4回答
我通过location.state将之前获取的数据传递给后续组件。但是，如果用户点击刷新我的历史记录，并且位置状态对象被清除，则可以很好地工作。我可以看到这是预期的功能。我的问题是，我是否应该使用redux来保持这些数据的持久性？如果是这样的话，在我看来，我失去了react-router的很多好处。在使用react-router时，人们如何处理状态？
浏览 8提问于2020-02-04得票数 2
我只是新来的反应，我正在做一个简单的项目来学习反应。这里是我的示例代码：3.Movie.js
class Movie extends Compo
浏览 1提问于2020-06-04得票数 0
12回答
是否有任何直接选项来持久化svelte存储数据，以便即使在刷新页面时，数据也是可用的。
我不使用本地存储，因为我希望这些值是反应性的。
浏览 0提问于2019-06-07得票数 54
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
