react hooks10&&11

文娘

于 2021-04-14 13:20:23 发布

阅读量137

点赞数

CC 4.0 BY-SA版权

分类专栏： react学习中的问题

本文链接：https://blog.youkuaiyun.com/lesswenniang/article/details/115694275

react学习中的问题专栏收录该内容

45 篇文章

订阅专栏

本文探讨React Hooks中的useState状态更新异步特性，强调不能立即获取新值，建议在生命周期方法如DidUpdate或useEffect中获取。同时，解释自定义Hooks更注重功能实现，而组件关注界面和业务逻辑。还提到了useMemo用于缓存状态和属性，useCallback用于缓存方法。最后指出window.addEventListener与状态改变的关系及return后语句的执行时机。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

useState中的更新状态方法是异步的，要下次重绘才能获取新值，不要试图在更改状态之后立马获取新值。想要获取新值可以在生命周期函数（DidUpdate）中获取，或者useEffect中获取

自定义Hooks函数偏向于功能，而组件偏向于界面和业务逻辑

useMemo是缓存状态或属性，useCallback是缓存方法

useEffect(()=>{
        window.addEventListener('resize',onResize)
        return ()=>{
            window.removeEventListener('resize',onResize)
        }
    },[])