记录学习react的一些内容

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

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

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

2.useEffect(()=>{},[]) 类似vue中的onMounted 但是其内部不能进行异步操作
TypeScript 复制代码
  // 监听 homeConfigs 的变化,当其更新时调用 getUserInfo
  useEffect(() => {
    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 是响应式的

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

相关推荐
viperrrrrrrrrr73 分钟前
大数据学习(132)-HIve数据分析
大数据·hive·学习
天涯学馆6 分钟前
工厂模式在 JavaScript 中的深度应用
前端·javascript·面试
newxtc15 分钟前
【JJ斗地主-注册安全分析报告】
开发语言·javascript·人工智能·安全
2401_8784545325 分钟前
node.js的初步学习
学习·node.js
烛阴44 分钟前
告别原生Cookie:js-cookie如何实现Cookie的优雅管理
前端·javascript
Clair-Sean1 小时前
【JavaSE】多线程基础学习笔记
笔记·python·学习
汪子熙2 小时前
走进 Fundamental NGX Platform:从 SAP 设计体系到高生产力组件层
前端·javascript·面试
moxiaoran57532 小时前
uni-app学习笔记三十四--刷新和回到顶部的实现
笔记·学习·uni-app
拉不动的猪2 小时前
单点登录全流程小姐
前端·javascript·面试
y东施效颦2 小时前
uni-app页面发布测试环境出现连接服务器超时,点击屏幕重试解决方案
前端·javascript·vue.js·uni-app·vue