react hook: useInsertionEffect

在任何布局效果触发之前调用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(() => {
    // ... 在此注入