taro+react重新给userInfo赋值后,获取的用户信息还是老用户信息

问题: taro+react 在页面中的组件A中最外层获取存储中的用户信息

const user = Taro.getStorageSync(userInfo)

但是退出登录后,再重新登陆,重新给userInfo赋值后,再次进入页面后,组件A获取的用户信息还是老用户信息。


原因: const user = Taro.getStorageSync(userInfo) 这行代码放置的位置不对

javascript 复制代码
import React, { useEffect, useState } from 'react'
import Taro, { useDidShow } from '@tarojs/taro'
// 我是放在了这一层
const user = Taro.getStorageSync(userInfo)

解决:

javascript 复制代码
import React, { useEffect, useState } from 'react'
import Taro, { useDidShow } from '@tarojs/taro'

const My: React.FC<any> = () => {
const user = Taro.getStorageSync(userInfo)
	//  放这里
	const user = Taro.getStorageSync(userInfo)

	// -----------------
	useEffect(() => {
		// 代码
	}, [])
}
相关推荐
前端精髓22 分钟前
调用openrouter的免费API模型
java·前端·javascript
螺丝钉tina6 小时前
[Playwright] [02]常用命令与调试:Debug UI、Mode和 Trace Viewer
开发语言·javascript·测试工具·ui·自动化
开开心心就好7 小时前
竖式除法出题工具,整除余数混合模式
运维·服务器·前端·javascript·ocr·perl·1024程序员节
এ慕ོ冬℘゜8 小时前
JS 事件循环、宏任务微任务:单线程底层原理 + 执行顺序
开发语言·javascript·ecmascript
web打印社区8 小时前
Lodop排障总纲-常见报错一张表
开发语言·前端·javascript·chrome·websocket
程序员大阳8 小时前
副队长JavaScript教程(56)-DOM之表单操作
javascript·dom·表单操作
Dxy12393102169 小时前
JS AES加密详解
开发语言·javascript·ecmascript
FRing039 小时前
JavaScript入门到精通三十三(异常处理、call方法、apply方法、bind方法、防抖、节流)
开发语言·前端·javascript
jktantan11 小时前
(二)Vue 3 的 attrs 不是响应式:el-form 扩展属性同步的三种方案
前端·javascript·vue.js·element-plus
echome88811 小时前
JavaScript async/await 错误处理:别让 Promise 静默失败
开发语言·前端·javascript·promise