react hook
文章平均质量分 64
daoke_li
这个作者很懒,什么都没留下…
展开
-
antd-mobile中Picker选项更新的问题
如图,Picker按钮上显示的数值是设备的设定温度,可以在点击后通过弹窗选项来修改这个设定温度。同时,设备端或其他手机端也可以修改这个温度,所以这个设定温度是随着设备的实际状态而实时变化的。每次打开弹窗时,选中项和当前显示的应该一致,即设备实际设定温度。原创 2023-02-10 16:10:36 · 1029 阅读 · 0 评论 -
react项目升级报错、babel报错,.babelrc配置兼容等问题
由于开发环境和项目版本的兼容问题,尝试升级了react-scripts后,一大堆问题接踵而至,翻遍了百度和csdn,往往解决了旧的又出现新的,或者开发没问题而打包时报错,现罗列一下遇到的主要问题和最终解决方案,以供参考。...原创 2022-08-02 13:31:32 · 2261 阅读 · 0 评论 -
使用useImperativeHandle时父组件第一次没拿到子组件方法
一个tab两个按钮A、B,默认选中的A,当点击到B时需要显示B对应的图表。考虑到B的图表在页面加载时已经初始化完成,所以点击B时再调用图表的resize方法。由于tab中的图表是写在子组件里,所以通过useImperativeHandle实现父组件调用子组件方法,React版本,代码如下子组件:问题这样写在本地开发模式中正常运行,但生产环境中父组件首次加载不能拿到子组件的方法,需tab切换到A再次且到B才行。猜想原因,大概在生产环境中,父组件把子组件暴露出来的方法绑定到UI中的点击事件中,而子组原创 2022-06-30 06:35:43 · 744 阅读 · 0 评论 -
react优化——在写useMemo之前
如果state更新缓慢确保程序运行在生产环境中确保state没有放在比实际需要更高的位置通过react开发工具等方法检测导致二次渲染的原因在高开销的子树上或其他需要的地方包裹useMemo可以不用useMemo的情况如下例,当App中的color变化时,我们会重新渲染一次被我们手动大幅延缓渲染的组件。import { useState } from 'react';export default function App() { let [color, setColor] = use原创 2021-07-03 15:24:29 · 149 阅读 · 0 评论 -
《useEffect完全指南》笔记
原文地址:https://overreacted.io/zh-hans/a-complete-guide-to-useeffect/作者简介:https://overreacted.io/zh-hans/my-decade-in-review/useEffect(fn, [])和componentDidMount的区别前者会捕获props和state,所以在回调函数中不管等多久后,拿到的props和state依旧是初始值(定时器例子)。如果需要拿到实时数据,则可使用ref或后文提到的其它方式。函.原创 2021-04-21 07:22:33 · 493 阅读 · 1 评论