Según tengo entendido, React ejecuta useLayoutEffect antes de imprimir DOM en el navegador, y useEffect se ejecuta después. Por ejemplo, considere este componente:
const App = () => { useLayoutEffect(() => { console.log(document.body.scrollHeight); // shows 1024 }, []) useEffect(() => { console.log(document.body.scrollHeight); // shows 1024 }, []) return ( <div style={{ height: 1024 }}></div> ) } Esperaba que mostrara 0 para useLayoutEffect y 1024 para useEffect , pero ambos muestran 1024
Pensé <div style={{ height: 1024 }}></div> print after useLayoutEffect pero aparentemente no es correcto...???