Semua orang biasa dengan useEffect hook, kadangkala useLayoutEffect lebih sesuai.
Tidak ramai yang pernah menggunakan useInsertionEffect, mari kita terokainya.
API untuk cangkuk sangat serupa dengan useEffect, perlu menambah kod ke dalam fungsi persediaan, tatasusunan kebergantungan dan ia boleh mengembalikan fungsi pembersihan.
Dokumen reaksi memberikan penerangan ini.
useInsertionEffect adalah untuk pengarang perpustakaan CSS-dalam-JS.
Ia boleh berguna untuk tujuan lain, terutamanya untuk menjalankan beberapa kod sekali pada lekap komponen, mis. tambahkan pendengar acara pada tetingkap.
React.useInsertionEffect(() => { initShiki().then((highlight) => { setHtml(highlight(content)); }); }, [content]);
useInsertionEffect(() => { const popCb = () => { const newVal = parse(filterUnknownParamsClient(defaultState)); state.current = newVal }; window.addEventListener(popstateEv, popCb); return () => { window.removeEventListener(popstateEv, popCb); }; }, []);
useInsertionEffect(() => { const cb = () => { _setState(stateMap.get(stateShape.current) || stateShape.current); }; const unsub = subscribers.add(stateShape.current, cb); return () => { unsub(); }; }, []);
Atas ialah kandungan terperinci Gunakan kes untuk cangkuk React `useInsertionEffect`. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!