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

记录学习react的一些内容

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

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

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

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

5.useMemo 是 React 中的一个 Hook,用于在组件渲染过程中缓存计算结果,从而避免重复计算、提高性能
        useMemo 会根据依赖数组中的值(通常是某些 props 或 state)来决定是否重新计算值,只有依赖发生变化时才会重新计算,否则返回上次缓存的结果

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

http://www.lryc.cn/news/481617.html

相关文章:

  • json绘制热力图
  • linux 下查看程序启动的目录
  • 书生浦语第四期基础岛L1G2000-玩转书生「多模态对话」与「AI搜索」产品
  • 保护Kubernetes免受威胁:容器安全的有效实践
  • 【客观理性深入讨论国产中间件及数据库-科创基础软件】
  • MFC中Excel的导入以及使用步骤
  • AWS S3在客户端应用不能使用aws-sdk场景下的文件上传与下载
  • 深入解析 Transformers 框架(四):Qwen2.5/GPT 分词流程与 BPE 分词算法技术细节详解
  • 【Python-AI篇】K近邻算法(KNN)
  • aws xray如何实现应用log和trace的关联关系
  • centos服务器登录失败次数设定
  • 实时高效,全面测评快递100API的物流查询功能
  • 第14张 GROUP BY 分组
  • 笔记整理—linux驱动开发部分(10)input子系统与相关框架
  • [算法初阶]埃氏筛法与欧拉筛
  • 【THM】linux取证 DisGruntled
  • SpringBoot整合Freemarker(四)
  • centos docker 安装 rabbitmq
  • 手动实现promise的all,race,finally方法
  • H5移动端预览PDF方法
  • uniapp—android原生插件开发(1环境准备)
  • 《潜行者2切尔诺贝利之心》游戏引擎介绍
  • winform 加载 office excel 插入QRCode图片如何设定位置
  • 简易入手《SOM神经网络》的本质与原理
  • 21.assert断言
  • 15分钟学 Go 第 46 天 : 监控与日志
  • BFS 算法专题(四):多源 BFS
  • 基于Spring Boot+Vue的养老院管理系统【原创】
  • Linux screen和cscope工具使用总结
  • 深度学习面试八股汇总