AntD 改变 Icon 的颜色

Swe*_*ato 11 reactjs antd

我正在使用 AntD v4 并导入了 @ant-design/icons 以便使用 LeftOutlined。

在 antd 图标的文档中(https://ant.design/components/icon/)它列出了 fill 属性的以下内容:

填充 | 定义用于绘制 svg 元素的颜色 | 字符串 | '当前颜色'

我认为这意味着我可以做到这一点,但它不起作用:

<RightOutlined fill="#4E89FF" />
Run Code Online (Sandbox Code Playgroud)

相反,现在我正在使用 style 属性并且正在工作:

风格 | svg 元素的计算样式 | CSS 属性 | -

<LeftOutlined style={{color: "#4E89FF"}} />
Run Code Online (Sandbox Code Playgroud)

。。

我是否误解了fill属性?

小智 3

您引用的文档部分适用于您导入的自定义 SVG。他们的图标(例如您尝试使用的图标)的 api 就在上面