如何给 antd-style 扩展 CustomToken 对象类型定义？

解决思路

通过给 antd-style 扩展 CustomToken 接口的类型定义，可以为 useTheme hooks 中增加相应的 token 类型定义。

同时，给 ThemeProvider 对象添加泛型，可以约束 customToken 的入参定义。

tsx

INFO

由于 CustomToken 大概率是一个空 interface，如果在项目中有配置 @typescript-eslint/no-empty-interface 的规则，就在代码格式化时导致接口定义被订正改为 type，而 type 是无法扩展的，会导致提示丢失（相关 issue: #16）。因此解决方案为如上述示例代码一样，添加禁用规则。

参考代码

如何给 antd-style 扩展 CustomToken 对象类型定义？

解决思路

通过给 antd-style 扩展 CustomToken 接口的类型定义，可以为 useTheme hooks 中增加相应的 token 类型定义。

同时，给 ThemeProvider 对象添加泛型，可以约束 customToken 的入参定义。

tsx

INFO

Table of Contents

Table of Contents

如何给 antd-style 扩展 CustomToken 对象类型定义？

解决思路

参考代码

相关讨论

如何给 antd-style 扩展 CustomToken 对象类型定义？

解决思路

参考代码

相关讨论