react中的sessionStorage.getItem为空
在React中，sessionStorage.getItem为空的原因可能有以下几种：
- 未设置sessionStorage项：如果在React中使用sessionStorage.getItem获取某个项的值时返回为空，可能是因为该项在sessionStorage中并未被设置。可以使用sessionStorage.setItem来设置该项的值，然后再使用sessionStorage.getItem获取。
- 错误的键名：如果使用错误的键名来获取sessionStorage项的值，也会导致返回为空。请确保键名的正确性，可以在设置项的时候保持一致。
- 生命周期问题：React组件的生命周期可能会影响sessionStorage的可用性。如果在组件的某个生命周期阶段尝试获取sessionStorage项的值，可能会返回为空。可以尝试在组件的其他生命周期阶段或事件处理函数中获取。
- 隐私模式限制：某些浏览器的隐私模式下可能会限制对sessionStorage的访问。请确保浏览器处于正常模式下，并且没有启用隐私模式。
总结起来，如果在React中使用sessionStorage.getItem获取为空，可以先检查是否设置了正确的键名，然后确保在适当的生命周期阶段或事件处理函数中进行获取，并确保浏览器处于正常模式下。如果问题仍然存在，可能需要进一步检查代码逻辑或查看相关文档以解决问题。
腾讯云相关产品和产品介绍链接地址：
- 腾讯云对象存储（COS）：提供高可靠、低成本的云端存储服务，适用于存储和处理大规模非结构化数据。详情请参考：https://cloud.tencent.com/product/cos
- 腾讯云云服务器（CVM）：提供弹性、安全、稳定的云服务器，可满足不同规模业务的需求。详情请参考：https://cloud.tencent.com/product/cvm
- 腾讯云云数据库MySQL版：提供高性能、可扩展的云数据库服务，适用于各种规模的应用程序。详情请参考：https://cloud.tencent.com/product/cdb_mysql
- 腾讯云人工智能平台（AI Lab）：提供丰富的人工智能服务和工具，包括图像识别、语音识别、自然语言处理等。详情请参考：https://cloud.tencent.com/product/ailab
- 腾讯云物联网套件（IoT Hub）：提供全面的物联网解决方案，包括设备接入、数据管理、消息通信等功能。详情请参考：https://cloud.tencent.com/product/iothub
- 腾讯云移动推送（TPNS）：提供高效、稳定的移动推送服务，帮助开发者实现消息推送功能。详情请参考：https://cloud.tencent.com/product/tpns
相关·内容
我尝试将身份验证信息保存到React中的sessionStorage。不幸的是，它总是空的。我使用await进行了测试，但它仍然不起作用。await sessionStorage.setItem('userData',JSON.stringify(onsuccessresponse))
console.log(
浏览 111提问于2019-06-03得票数 2
1回答
在我的react应用程序中按下提交按钮后，我试图重定向用户，但重定向从未发生。在提交按钮之后，我通过axios将数据发送到一个API，然后我想重定向。这是通过在我的构造函数中首先将redirect的状态设置为false来完成的，在发送了axios调用之后，我尝试将其状态设置为true，然后如果该值为true，则有条件地呈现一个react路由器重定向。但是不知道为什么在将值设置为tr
浏览 1提问于2018-11-06得票数 7
回答已采纳
我应该如何用测试数据预先填充我的sessionStorage，我为什么要这样做？(这是我需要做的任务)。你能给我举几个例子吗？
浏览 3提问于2022-01-08得票数 -1
我有一个空的状态数组，当我试图使用react更改状态时，我得到了这个错误invariant.js:38 Uncaught (in promise) Error: update(): expected target以下是代码：import ReactDOM from 'react-dom';
import Helmet from "react-helmet"
浏览 4提问于2016-08-11得票数 0
回答已采纳
1回答
在我的NavMenu.js上，我有LogIn (两个输入和一个提交按钮，我在这个按钮上调用handleSubmit()Helper.js var roleId = sessionStorage.getItem<
浏览 0提问于2019-01-13得票数 6
回答已采纳
2回答
我不明白为什么我的应用程序工作有点奇怪。当我试图通过单击导航栏中的链接按钮来访问页面上的任何网站时，它会没有任何问题地将我导航到那里，比如当我单击“我的帐户”时，网址更改为"“，一切都很正常。因此，现在的问题是，当用户登录并试图通过输入这个URL和加载页面到达"“这样的受保护的路由时，他就被当作一个未登录的用户，并被重定向到主页。UserAccount (/my_account)是一个简单的</e
浏览 2提问于2021-11-30得票数 0
回答已采纳
我尝试将用户输入的值保存到会话存储中，然后检索它们。检索除单选选项的值之外的所有值。它是性别输入。 它可以使用名字、姓氏和出生日期，但性别保持为空。我可以看到所有的值都保存在会话存储中，包括性别。如果我选择"male"，"male“将被存储为true，其余的将被存储为false。}
if (sessionStorage.getItem("dateofb
浏览 15提问于2019-09-29得票数 0
回答已采纳
如果react js中的组织id为空，我想禁用链接。代码如下： handleDeleteClick(id) {
this.setState
浏览 15提问于2020-08-18得票数 0
3回答
忽略Jquery中的Null结果
、、、、
我有一个使用导航器本地存储值的脚本，我开发了一个web服务，它发送给我值，这里唯一的问题是我不需要它发送给我Null结果，这是一个函数： var pLinkCarteBancaire = sessionStorage.getItem");
var pPaiementVigne
浏览 3提问于2016-09-14得票数 0
回答已采纳
1回答
我正在尝试在React中使用Github oAuth API实现身份验证，我正在使用React.CreateContext()来管理我的AuthContext。); sessionStorage.setItem('isAuth',false); this.state = { isAu
浏览 9提问于2019-01-01得票数 0
回答已采纳
JSON.parse(sessionStorage.getItem(所有者))==>类型'null‘不能分配给输入'string’。if(this._owner !_owner == null && sessionStorage.getItem('owner
浏览 4提问于2021-07-23得票数 0
回答已采纳
大家好，if (sessionStorage.getItem('value1') == "null" && sessionStorage.getItem('value2') == "null谁有更好的方法来检查sessionStorage是否为空？
感谢您在这方面的帮助，
浏览 3提问于2011-01-16得票数 13
回答已采纳
1回答
在登录之前，开发变量将出现：REACT_APP_URL=https://something.net WDS_SOCKET_PORT: undefined两个.env文件都位于根文件夹中，并且没有无效的参数。
浏览 3提问于2021-03-24得票数 0
1回答
我在react聊天应用程序上工作，想要显示消息状态，无论它是“已发送”，如果用户已经看到消息，想要更新消息状态为“已读”。但问题是，更新后的状态不会显示在另一个浏览器选项卡/窗口中。import React, { Component } from 'react'import{ connect } from '<em
浏览 82提问于2019-04-24得票数 1
3回答
找到了使用sessionStorage显示最近浏览过的产品的很好的脚本。只有一个问题:每个产品都可能被存储并多次展示。下面是jsfiddle // check if product already in storage
var currentCount = parseInt(sessionStorage.getItem("storedCoun
浏览 1提问于2015-12-15得票数 2
错误:太多的重呈现。React限制呈现的数量，以防止无限循环。这是密码 if (sessionStorage.getItem("token")) {
浏览 9提问于2021-12-06得票数 2
我已经做了一个类来管理关于json令牌的所有事情，它可以工作，直到我更新了所有包。React Hooks must be called in a React function component or a custom React Hook function react-hooksrefreshToken() {
浏览 14提问于2021-07-31得票数 1
回答已采纳
我有以下问题：const [myState, setMyState] = useState();
myFunction()
async functionawait fetch("http://localhost:3001/api/
浏览 5提问于2021-12-17得票数 0
回答已采纳
当我只刷新页面的长度(array.length)时，我有一个数组返回未定义的值。
如果我在chrome中的一个新选项卡中打开我的本地环境，一切都会正常工作，并得到数组的长度。只有在刷新一次页面之后，页面才会崩溃，我得到了以下错误："TypeError:无法读取属性‘长度’的未定义“。我正在使用React，React的上下文API (我从上下文提供程序获得数组)和项目的Nextjs。我有一种感觉，这个问题与S
浏览 1提问于2019-12-16得票数 0
回答已采纳
2回答
我得到一个Type错误：$rating.join不是一个函数这在页面更改之后停止，例如，转到about页面，然后返回到它将正确加载的索引页我在想这是操作顺序的问题？由onMount修复？只是不知道如何实现。// Store
export const rating = writable(browser && (JSON.parse(sessionStorage.getItem("rating")) || [
浏览 1提问于2021-11-17得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
