如何在 CSS 伪元素中使用 antd 图标

Question

我目前正在获得这样的图标：

import { Icon } from "antd";
...

// inside react component:
<div className="someclass">
  <Icon type="thunderbolt" /> 
</div>

我真正想做的是，使用 CSS：

div.someclass::before {
  content: "\E6EA"; // pretend this is the correct thunderbolt icon code
}

现在我认为我读到antd 不使用图标字体，而是直接使用 SVG。那是对的吗？这是否意味着 antd 无法使用 CSS 插入图标？

Answer 1

不，您现在不能使用 CSS 伪元素，它们替换为 SVG（自版本 3.9.0 起）。你可以在这里read它和公关讨论为什么here。