useLayoutEffect的优先级useEffct高,即使先写useEffect,后面再写useLayoutEffect,实际执行时他是先执行useLayoutEffect,可以将useLayoutEffect理解成一个补丁,比如在setCount时无法渲染就可以使用他,一般项目基本都用不到,而且useEffect的性能也比useLayoutEffect好。
function ChildA (props) {
useEffect(() => {}, []) // 后执行
useLayoutEffect(() => {}, []) // 先执行
const {onClick, children} = props;
return <div onClick={onClick}>{children}</div>
}