Was machen useLayoutEffect und useEffect?

useEffectund useLayoutEffectsind beide Hook-Funktionen in React, die verwendet werden, um Nebeneffektoperationen während des Komponentenrenderings auszuführen. Ihr Hauptunterschied ist der Zeitpunkt der Ausführung.

1. useEffect: useEffect Es wird asynchron ausgeführt, es wird ausgeführt, nachdem das Browser-Rendering abgeschlossen ist. Dies bedeutet, dass es den Rendering-Prozess des Browsers nicht blockiert und daher für die Handhabung von Nebeneffekten wie Datenabruf, Abonnieren von Ereignissen, DOM-Manipulation usw. geeignet ist, die keine synchronen Aktualisierungen der Ansicht erfordern.

   import {
        
         
          useEffect } from 'react';
   
   useEffect(() => {
        
         
         
     // 执行副作用操作，不会阻塞渲染
   }