记录学习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 是响应式的

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

相关推荐
只睡四小时23 分钟前
端侧推理:face-api.js 首屏 92% 是白下载的
开发语言·javascript·人脸识别·ecmascript·tensorflow.js·face-api.js·端侧推理
用户83134859306981 小时前
Vue3 v-for:常用用法与开发高频坑点
前端·javascript·vue.js
Funlang1 小时前
fun-ui 开源:把浏览器界面接回来
前端·javascript
2603_965896621 小时前
CSS BEM 命名规范|组件化样式分层权威指南
前端·javascript·css
剑藏锋2 小时前
嵌入式学习(48)-大彩串口屏TFT指令解析
学习
忆挽篱笙歌2 小时前
进程替换函数与shenll命令行解释器
前端·javascript·算法
cxyxixiy2 小时前
数智码力:数据核对不用人工比对,Python 快速完成多表格差异校验
开发语言·python·学习
懒大王95272 小时前
学习TS + ArkTS 快速入门
学习
人工智能培训2 小时前
具身智能:让人工智能拥有物理世界感知能力
大数据·人工智能·学习·算法·机器学习
小冯不疯2 小时前
688 / 拼多多 / 淘特三类供货链路:从采购单到应付凭证的 4 段对账
javascript