react hooks10&&11

最新推荐文章于 2025-03-13 09:10:27 发布

原创最新推荐文章于 2025-03-13 09:10:27 发布 · 152 阅读

0 ·

CC 4.0 BY-SA版权

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

45 篇文章

订阅专栏

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

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

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

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

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