![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
React
文章平均质量分 75
React 相关学习心得分享
yanzi_0216
这个作者很懒,什么都没留下…
展开
-
在 React 中使用 graphQL (新手指南)
在 React 中使用 GraphQL 的新手指南原创 2022-10-17 00:26:03 · 1233 阅读 · 0 评论 -
TS中通过变量存储key值读取对象的属性值时报错(TS: 7053)
TS中通过变量存储key值读取对象的属性值时报错(TS: 7053)错误还原{ TTMap[key] } 处报错let key: number元素隐式具有 “any” 类型,因为类型为 “number” 的表达式不能用于索引类型 “{ 0: string; 1: string; 2: string; }”。在类型 “{ 0: string; 1: string; 2: string; }” 上找不到具有类型为 “number” 的参数的索引签名。ts(7053)import React fr原创 2022-04-21 22:24:57 · 8381 阅读 · 2 评论 -
eslint 脚本格式化代码规范
eslint 脚本格式化代码规范在 .eslintrc 文件中配置 eslint 规则例如设置 jsx 中的属性值全部使用双引号而不是单引号 "jsx-quotes": ["error", "prefer-double"]在 package.json 中添加一个脚本语句,并在其中指明需要进行格式化的文件 "eslint": "eslint --fix ./packages/admin-express/src/components/**/*.tsx"执行这个 eslint 脚本: yarn原创 2021-04-08 12:45:17 · 551 阅读 · 0 评论 -
react hooks 中的“闭包陷阱”
react hooks 中的“闭包陷阱”问题描述开发当中遇到了一个问题,当在 useEffect 中使用 setInterval 定时器时,定时器的函数参数中使用到的 state 无法获取到最新的状态。看代码:function ADD(){ const [count, setCount] = useState(1); const fn = () => { setInterval(() => { console.log(count); }, 1000); }; useE原创 2021-03-31 14:52:50 · 2984 阅读 · 0 评论 -
TS 中的 keyof 和 typeof 操作符
TS 中的 keyof 和 typeof 操作符TypeScript keyof 操作符使用object(key)获取对象属性时报错keyofkeyof 用于遍历某种类型的属性(可以操作接口、类以及基本数据类型)在 TS 中定义一个获取函数属性的函数如下:function prop(obj: object, key: string) { return obj[key];}在上面代码中,为了避免调用 prop 函数时传入错误的参数类型,我们为 obj 和 key 参数设置了类型,分别为原创 2021-03-25 16:53:14 · 12989 阅读 · 0 评论 -
理解react hook中 useCallback 和 useMemo 的区别以及应用场景
理解react hook中useCallback和useMemo的区别以及应用场景彻底理解 React hook useCallback和useMemo的区别useCallback :场景:父组件中有状态 A 、状态 B ,函数 C(函数 C 中只使用到了状态 B) ,父组件需要将 函数 C 传递给子组件使用。不使用 useCallback 的情况(子组件使用 memo() 函数进行优化):父组件中的状态 A 发生了改变,导致父组件重新渲染,虽然 子组件状态没有改变,使用到的 父组件传递过来的函数原创 2021-03-25 14:53:49 · 1179 阅读 · 0 评论