当前位置: 首页 > news >正文

react中状态管理useState

    [secret,setSecret]=useState(null)useEffect(() => {http.get('/api/suggest/qrcode/', { params: { uniqueid: store.uniqueid } }).then(res => {//异步获取的值不是实时返回的setSecret(res.secret);return http.get('/api/suggest/userinfo/', { params: { secret: secret } })})// eslint-disable-next-line}, [])

在上面的代码中,我想实现的业务逻辑是:

1.页面挂载后,我先请求后台接口1获取二维码和密钥

2.然后请求接口2,携带上接口1返回的密钥参数,请求二维码的状态信息,获取用户信息。

这段代码我在运行的时候,后台始终拿到的secret值是null,通过后台、前台打印日志,显示的secret是有值的,但为什么按照顺序执行了setSecret(res.secret)后,然后使用secret的值,没有实时取得res.secret值。解释就是,有延迟,在我执行请求接口2的时候,secret的值还没有更新完成。

    //[secret,setSecret]=useState(null)useEffect(() => {http.get('/api/suggest/qrcode/', { params: { uniqueid: store.uniqueid } }).then(res => {//异步获取的值不是实时返回的//setSecret(res.secret);return http.get('/api/suggest/userinfo/', { params: { secret: res.secret} })})// eslint-disable-next-line}, [])

直接将接口1拿到的数据进行请求。这时后台能够正确拿到密钥信息进行后续处理。

相关文章:

  • 北京网站建设多少钱?
  • 辽宁网页制作哪家好_网站建设
  • 高端品牌网站建设_汉中网站制作
  • 计算1的数量
  • Windows图形界面(GUI)-DLG-C/C++ - 列表视图(ListView)
  • 如何修复WordPress“414 Request URI Too Large:” 错误
  • Linux chmod 命令简介
  • 【时时三省】tessy 集成测试:小白入门指导手册
  • Git代码管理工具 — 3 Git基本操作指令详解
  • 《JavaSE》---13.<面向对象系列之(附:static关键字及final关键字)>
  • scottplot5 中 使用signalXY图,如何更新数据?
  • 数据分析中的拆解方法介绍
  • 分布式对象存储minio
  • Blender使用(二)点线面基本操作
  • Hadoop3:MR程序的数据倾斜问题处理
  • 从零开始!Jupyter Notebook的安装教程
  • 防火墙NAT智能选举综合实验
  • 【大模型】FAISS向量数据库记录:从基础搭建到实战操作
  • [译]CSS 居中(Center)方法大合集
  • 《深入 React 技术栈》
  • 【5+】跨webview多页面 触发事件(二)
  • 【从零开始安装kubernetes-1.7.3】2.flannel、docker以及Harbor的配置以及作用
  • 【译】React性能工程(下) -- 深入研究React性能调试
  • Apache的基本使用
  • JAVA之继承和多态
  • mac修复ab及siege安装
  • Magento 1.x 中文订单打印乱码
  • mongodb--安装和初步使用教程
  • MYSQL 的 IF 函数
  • NLPIR语义挖掘平台推动行业大数据应用服务
  • Python实现BT种子转化为磁力链接【实战】
  • Vue实战(四)登录/注册页的实现
  • windows下mongoDB的环境配置
  • 极限编程 (Extreme Programming) - 发布计划 (Release Planning)
  • 前端每日实战:70# 视频演示如何用纯 CSS 创作一只徘徊的果冻怪兽
  • 使用Maven插件构建SpringBoot项目,生成Docker镜像push到DockerHub上
  • 找一份好的前端工作,起点很重要
  • $GOPATH/go.mod exists but should not goland
  • (BFS)hdoj2377-Bus Pass
  • (C#)Windows Shell 外壳编程系列9 - QueryInfo 扩展提示
  • (ibm)Java 语言的 XPath API
  • (pytorch进阶之路)CLIP模型 实现图像多模态检索任务
  • (笔记)M1使用hombrew安装qemu
  • (附源码)springboot家庭财务分析系统 毕业设计641323
  • (附源码)springboot教学评价 毕业设计 641310
  • (附源码)计算机毕业设计SSM保险客户管理系统
  • (黑客游戏)HackTheGame1.21 过关攻略
  • (九)c52学习之旅-定时器
  • (深度全面解析)ChatGPT的重大更新给创业者带来了哪些红利机会
  • (十七)devops持续集成开发——使用jenkins流水线pipeline方式发布一个微服务项目
  • (四)图像的%2线性拉伸
  • (新)网络工程师考点串讲与真题详解
  • (学习日记)2024.03.25:UCOSIII第二十二节:系统启动流程详解
  • (循环依赖问题)学习spring的第九天
  • (转)Android中使用ormlite实现持久化(一)--HelloOrmLite
  • (最新)华为 2024 届秋招-硬件技术工程师-单板硬件开发—机试题—(共12套)(每套四十题)
  • ***检测工具之RKHunter AIDE
  • .net 获取url的方法