useLayoutEffect与useEffect

useLayoutEffect的优先级useEffct高,即使先写useEffect,后面再写useLayoutEffect,实际执行时他是先执行useLayoutEffect,可以将useLayoutEffect理解成一个补丁,比如在setCount时无法渲染就可以使用他,一般项目基本都用不到,而且useEffect的性能也比useLayoutEffect好。

function ChildA (props) {

        useEffect(() => {}, []) // 后执行

        useLayoutEffect(() => {}, []) // 先执行

        const {onClick, children} = props;

        return <div onClick={onClick}>{children}</div>

}


版权声明:本文为weixin_50236973原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。