![](https://img-blog.csdnimg.cn/20201014180756926.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
reactHooks
文章平均质量分 59
吴冬雪~
Everything is the best arrangement.
展开
-
useEffect 与 useLayoutEffect
优先使用 useEffect,因为它是异步执行的,不会阻塞渲染。会影响到渲染的操作尽量放到 useLayoutEffect中去,避免出现闪烁问题。useLayoutEffect在服务端渲染的时候使用会有一个 warning,因为它可能导致首屏实际内容和服务端渲染出来的内容不一致。useEffect和useLayoutEffect的区别_溪宁的博客-CSDN博客_uselayouteffect。原创 2022-08-22 18:03:31 · 1117 阅读 · 0 评论 -
useEffect,useCallBack,useMemo 比较
useMemo 一般用来缓存数据使用。在子组件中使用 shouldComponentUpdate, 判定该组件的 props 和 state 是否有变化,从而避免每次父组件render时都去重新渲染子组件。空数组 useEffect 只在第一次渲染时执行,由于空数组中没有值,始终没有改变,所以后续render不执行,相当于生命周期中的componentDidMount。2.useCallback返回一个函数,当把它返回的这个函数作为子组件使用时,可以避免每次父组件更新时都重新渲染这个子组件。原创 2022-08-19 14:33:07 · 187 阅读 · 0 评论