Duka suna tafi da jiya, amma a lokuta daban-daban maka lissafin baje fuska" ta kijaski — kuma bambancin lokaci shine gajimare koma-komai.
useEffect yana tafiya bayan da kijaski ya zaci. Yana aiki ba-aiki kuma ba-toshe. Yi amfani dashi don kusan komai (bayanai, rubuta, tura bayanai).useLayoutEffect yana tafiya akai-akai bayan DOM ta samo sauyi amma KUN kijaski ya fadi. Yi amfani dashi lokacin da dole ne ka karanta tsarawa da canja DOM a cikin frame ɗaya don rigije wa jirye.render → DOM updated → [useLayoutEffect runs] → browser paints → [useEffect runs]
Zantu abin da aka auna kuma sake wurin tooltip bisa ga girshi. Da useEffect, mai amfani zai iya ganin tooltip a wuri mara kyau a gida, sannan ya tashi:
useLayoutEffect(() => {
const { height } = ref.current.getBoundingClientRect();
setTooltipTop(-height); // applied BEFORE paint → no visible jump
}, []);
Da useEffect, gida iri gida ta tahi bayan jirye → jirye daya sakawa.
useLayoutEffect ya sanya UI jiya da aunin, domin kijaski ba zai iya jirye ba sai da ta gama.Dokar mani: tsinkayi ga useEffect; kawai yi amfani da useLayoutEffect don daidai-daidai DOM iyakanta/sauyi waɗanda ba zai iya tunanin jirye.