记录学习react的一些内容

news/2024/11/8 12:44:28 标签: 学习, react.js, javascript

由于是在公司实际项目中学习,所以不是很完整 需要一点一点的学

1.React.useState 类似于vue中的ref 可以修改状态 但是是异步的 感觉不好用 

const [wishData, setWishData] = React.useState<any>(null); 只能使用setxxx来修改

2.useEffect(()=>{},[]) 类似vue中的onMounted 但是其内部不能进行异步操作
  // 监听 homeConfigs 的变化,当其更新时调用 getUserInfo
  useEffect(() => {
    setLoading(true);
    if (homeConfigs && homeConfigs.length > 0) {
      console.log(homeConfigs, 'homeConfigs');
      getUserInfo();
    }
  }, [homeConfigs]); // 依赖项为 homeConfigs
/**
*如果是[]就是一开始执行 这样看来也像watch的
*/
3.React.useMemo(()=>{},[xxx])仅当其中一个依赖项发生变化时才会重新计算记忆值 vue--watch

目前也只是用到这些 等后续有更多的再来记录 


http://www.niftyadmin.cn/n/5743920.html

相关文章

萤石设备视频接入平台EasyCVR多品牌摄像机视频平台海康ehome平台(ISUP)接入EasyCVR不在线如何排查?

随着智慧城市和数字化转型的推进&#xff0c;视频监控系统已成为保障公共安全、提升管理效率的重要工具。特别是在大中型项目中&#xff0c;跨区域的网络化视频监控需求日益增长&#xff0c;这要求视频监控管理平台不仅要具备强大的视频资源管理能力&#xff0c;还要能够适应多…

AndroidStudio 加载grade失败问题解决

1:在gradle-wrapper.properties中添加国内镜像 distributionUrlhttp\://mtl-gradle-mirror.oss-cn-hangzhou.aliyuncs.com/gradle-5.6.4-bin.zip 2&#xff1a;在build.gradle中加上阿里镜像 repositories {maven { url https://maven.aliyun.com/repository/public/ }maven …

C/C++使用AddressSanitizer检测内存错误

AddressSanitizer 是一种内存错误检测工具&#xff0c;编译时添加 -fsanitizeaddress 选项可以在运行时检测出非法内存访问&#xff0c;当发生段错误时&#xff0c;AddressSanitizer 会输出详细的错误报告&#xff0c;包括出错位置的代码行号和调用栈&#xff0c;有助于快速定位…

Windows11家庭版使用微软账户登录时提示“需要家长或监护人同意才能使用该账户”

前言 最近重装一台戴尔笔记本电脑&#xff0c;系统使用的Window11家庭版正版系统&#xff0c;在重装过程中需要登录&#xff0c;所以使用微软账号登录&#xff0c;提示“需要家长或监护人同意才能使用该账户”&#xff0c;所以随便选了一个选项进行登录&#xff0c;发现系统一…

golang笔记-Array(数组)

数组 同一种数据类型元素的集合&#xff0c;数组从声明时就确定&#xff0c;使用时可以修改数据成员&#xff0c;但数组的大小不可变。 数组的定义 存放元素的容器必须指定存放的元素的类型和容量&#xff08;长度&#xff09; var 数组变量名 [元素数量] T //定义一个int数…

Spark的yarn集群环境搭建

一.为什么要搭建yarn集群 为什么要将Spark的程序运行在YARN上&#xff0c;不运行在自带的 Standalone集群上&#xff1f; 1、统一化资源管理 Standalone是Spark专用的资源管理集群&#xff0c;只能用于运行 Spark程序 YARN是功能的分布式资源管理平台&#xff0c;可以运行各种分…

高活跃社区 Doge 与零知识证明的强强联手,QED 重塑可扩展性

在 Web3 的广阔生态中&#xff0c;Doge 无疑是最具标志性和趣味性的项目之一。作为一种起源于网络文化的符号&#xff0c;Doge 从最初的互联网玩笑发展为如今备受全球关注的去中心化资产&#xff0c;依靠其独特的魅力和广泛的用户基础&#xff0c;构建了一个充满活力的社区。 …

STM32——毕设基于单片机的多功能节能窗控制系统

设计内容与研究 使用STM32 单片机作为控制器实现对多功能节能窗进行自动化控制&#xff0c;主要是实现节能减排功能。设计和实现硬件系统&#xff0c;包括STM32单片机、传感器、执行器和用户界面&#xff0c;以支持多功能窗控制。开发嵌入式软件&#xff0c;实现窗户状态的实时…