如何为Antd上的所有图标设置默认主题?

时间:2019-03-20 18:11:47

标签: reactjs antd

我希望将通过ANTD使用的所有图标的默认主题设置为“填充”,而不是必须将theme =“ filled”传递给我创建的每个图标。我在我的整个APP中都有很多Icon实例,并且要将该实例传递给每个实例(以及模态实例),这将非常耗时。我该如何在所有图标上设置默认主题以“填充”而不更改每个实例(还会影响模式中使用的图标)。

1 个答案:

答案 0 :(得分:1)

在一个地方没有直接的修改方法,它将反映到所有地方。但是,您始终可以将andt的Icon组件包装为自定义组件,如下所示:

const CustomIcon = (props) => {
     return (
         <Icon theme="filled" {...props} />
     )
}

此外,您可以使用正则表达式在所有文件中搜索图标组件,并更改/添加主题以填充。

注意:默认主题中的许多图标在其他主题中均不存在。