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

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

相关推荐
Terra.K3 小时前
Java异常学习[特殊字符]
java·开发语言·学习
mCell3 小时前
Lua 编程入门:从基础语法到元表
javascript·算法·lua
伟大的兔神4 小时前
我做了一个本地优先的 AI 图片工作台:Loomora v1.0.0 正式发布
前端·javascript·vue.js
用户938515635076 小时前
React + JWT 登录鉴权底层原理与工程化实践
前端·react.js
fangzhanpeng1686 小时前
(前端)2.js变量作用域样例
开发语言·前端·javascript
码艺-Alimjan8 小时前
Vue项目源码备份最佳实践:无视node_modules,打包体积仅2MB
前端·javascript·vue.js
xixiaoyunya10 小时前
JavaScript 异步编程全解析:从回调地狱到 async/await 的演进之路
开发语言·javascript·ecmascript
张元清10 小时前
React useScrollLock Hook:为弹窗锁住页面滚动 (2026)
javascript·react.js
Sayai10 小时前
【无标题】ECharts 实现日志量异常检测:基线 ±Kσ 基带 + 灵敏度切换(Vue2 实战)
前端·javascript·echarts
zjnlswd10 小时前
C#学习笔记4
笔记·学习·c#