React 挂载完毕后初始化数据注意点

一般情况下我们会在 挂载完毕后 对变量进行初始化

useEffect(() => {// ....
},[])

useEffect内部存在着闭包，即内部定义的数据，外部无法使用

useEffect(() => {let a = 1
},[])
console.log(a) // undefined，未定义

修改未更新

let a // 先定义变量 ，但未赋值
useEffect(() => {a = 1
},[])

此处在挂载完毕才对a变量进行赋值，但是修改后并不会使组件重新渲染，因此值能使用，但是不能呈现效果
严重问题：当组件再次渲染，a的值会变为undefined，因为没有再触发挂载完毕的钩子函数

推荐：useSate()存储数据

const [num,setNum] = useState(0)
useEffect(() => {setNum(2)
},[])

React 挂载完毕后初始化数据注意点相关推荐

计算机网络钟中PCF,请问,为什么我向时钟芯片PCF8563中写入初始化数据后,读出来...
请问,为什么我向时钟芯片PCF8563中写入初始化数据后,读出来作者:oversea 栏目:单片机请问,为什么我向时钟芯片PCF8563中写入初始化数据后,读出来显示的全是255,这是什么问题? ...
微信小程序 app.js中onLaunch中方法执行完毕后再执行index首页数据请求
实际开发中遇到在app.js中onlaunch中方法未执行完毕的情况下,先进入首页执行index方法的问题.如果在onlaunch中写了自动登录的方法,会存在首页加载时显示未登录的情况(此时onlau ...
SpringMVC--Ajax异步加载数据$(function (){ 逻辑代码}) 的意思是让dom结构加载完毕后再去执行逻辑代码
1. SpringMVC–Ajax异步加载数据 1.1 实体类user User.java package com.tian.pojo;import lombok.AllArgsConstructor ...
前端React教程第三课数据是如何在 React 组件之间流动
04 数据是如何在 React 组件之间流动的?(上) 通过前面 3 个课时的学习,相信你已经对 React 生命周期相关的"Why""What"和" ...
在Spring Boot中加载初始化数据
文章目录依赖条件 data.sql文件 schema.sql 文件 @sql注解 @SqlConfig 注解在Spring Boot中加载初始化数据在Spring Boot中,Spring Bo ...
Unity3D 未挂载脚本自动初始化
通过RuntimeInitializeOnLoadMethodAttribute属性,可以在游戏启动时自动执行没有挂载到GameObject上的脚本. 这样在做一些插件的时候会比较方便,不需要用户手动 ...
Docker 制作 MySQL 镜像并使用 `/docker-entrypoint-initdb.d/` 机制初始化数据
需求制作一个 MySQL Docker 镜像并初始化数据库信息环境 win 11 Docker-Desktop 4.14.0 (91374) 分析启动一个MySQL容器很容易.如何初始化数据呢? ...
OGG-01004|OGG 初始化数据问题处理
作者 | JiekeXu 来源 | JiekeXu DBA之路(ID: JiekeXu_IT) 大家好,我是 JiekeXu,很高兴又和大家见面了,今天和大家一起来看看 OGG 初始化数据问题处理,欢 ...
【QT开发笔记-基础篇】| 第五章绘图QPainter | 5.3 初始化数据
本节对应的视频讲解:B_站_视_频 https://www.bilibili.com/video/BV1qd4y1s7xk 布局完成后,就可以修改控件的名称,以及添加初始化数据 1. 变量命名先修改 ...

React 挂载完毕后初始化数据注意点

React 挂载完毕后初始化数据注意点

React 挂载完毕后初始化数据注意点相关推荐

最新文章

热门文章

React 挂载完毕后初始化数据 注意点

React 挂载完毕后初始化数据 注意点

React 挂载完毕后初始化数据 注意点相关推荐

最新文章

热门文章

React 挂载完毕后初始化数据注意点

React 挂载完毕后初始化数据注意点

React 挂载完毕后初始化数据注意点相关推荐