在任何布局效果触发之前调用useInsertionEffect以插入样式,但是不建议使用
useInsertionEffect 是为 CSS-in-JS 库的作者特意打造的。除非你正在使用 CSS-in-JS 库(Styled-Components 、 Emotion 、JSS (JSS for React) 、 Glamorous、 Radium)并且需要注入样式,否则你应该使用 useEffect 或者 useLayoutEffect。
import { useInsertionEffect } from 'react';
// 在你的 CSS-in-JS 库中
function useCSS(rule) {
useInsertionEffect(() => {
// ... 在此注入