React hooksuseEffect和useLayoutEffect
Posted fe-linjin
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了React hooksuseEffect和useLayoutEffect相关的知识，希望对你有一定的参考价值。
useEffect【异步】
基本上90%的情况下,都应该用这个,这个是在render结束后,你的callback函数执行,但是不会block browser painting,算是某种异步的方式吧,但是class的componentDidMount 和componentDidUpdate是同步的,在render结束后就运行,useEffect在大部分场景下都比class的方式性能更好.
useLayoutEffect【同步】
这个是用在处理DOM的时候,当你的useEffect里面的操作需要处理DOM,并且会改变页面的样式,就需要用这个,否则可能会出现出现闪屏问题, useLayoutEffect里面的callback函数会在DOM更新完成后立即执行,但是会在浏览器进行任何绘制之前运行完成,阻塞了浏览器的绘制.
以上是关于React hooksuseEffect和useLayoutEffect的主要内容，如果未能解决你的问题，请参考以下文章