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

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

相关推荐
_李小白24 分钟前
【android opencv学习笔记】Day 24: 最大稳定极值区域
android·opencv·学习
半导体守望者27 分钟前
MKS AX7665-02 手侧 通讯 输入输出 接口定义 DB25S 信号描述 LCD Readout
经验分享·学习·机器人·自动化·制造
咸甜适中40 分钟前
rust语言学习笔记Trait(十二)Sized、?Sized (大小限制)
笔记·学习·rust
久菜盒子工作室1 小时前
徕木股份经营分析
科技·学习
喵个咪1 小时前
吃透后台权限系统:从架构设计到 Vue3/React 双框架完整落地
前端·vue.js·react.js
HackTwoHub1 小时前
AI赋能Chrome MCP × JS逆向Skill自动化JS逆向挖洞
javascript·人工智能·chrome·安全·web安全·网络安全·自动化
songyuc1 小时前
Matplotlib&seaborn学习笔记
笔记·学习·matplotlib
唯情于酒2 小时前
IdentityServer4学习笔记
笔记·学习
mengqudoh2 小时前
elementui el-table 表头固定功能
javascript·vue.js·elementui
YiWait2 小时前
基于 Vue 3 的网络收音机,编译为桌面应用软件
前端·javascript·vue.js