加这个<StyleProvider autoClear>和不加有什么区别？

Question

在看文档时候cssinjs

import React from 'react';
import Button from './components/Button';
import { StyleProvider } from '@ant-design/cssinjs';

export default function App() {
  const [show, setShow] = React.useState(true);

  const [, forceUpdate] = React.useState({});
  React.useEffect(() => {
    forceUpdate({});
  }, []);

  return (
    <StyleProvider autoClear>
      <div style={{ background: 'rgba(0,0,0,0.1)', padding: 16 }}>
        <h3>配置同步自动删除添加的样式</h3>

        <label>
          <input
            type="checkbox"
            checked={show}
            onChange={() => setShow(!show)}
          />
          Show Components
        </label>

        {show && (
          <>
            <Button>Default</Button>
            <Button type="primary">Primary</Button>
            <Button type="ghost">Ghost</Button>
          </>
        )}
      </div>
    </StyleProvider>
  );
}

请问，加这个和不加有什么区别？我感觉没有区别啊。

<StyleProvider autoClear>

Answer 1

看你的项目会不会长时间运行，或者会不会频繁地加载和卸载组件，那你可能不用 autoClear