Reactjs 如何为单个组件使用暗主题?

Reactjs 如何为单个组件使用暗主题?,reactjs,antd,Reactjs,Antd,所以组件库有一个黑暗的主题。 我想只对单个组件使用深色样式,比如说Popover。其余所有sd都保持默认状态。 有没有办法做到这一点?您可以使用较少的引用导入功能来设置单个组件的主题。Sudo代码类似于 @import (reference) "@ant-design/dark-theme" .my-popover { &:extend(@popover-prefix-cls all); } 通过进入文件并检查类,可以找到类名@popover prefix cls 引用:将其嵌入

所以组件库有一个黑暗的主题。 我想只对单个组件使用深色样式,比如说Popover。其余所有sd都保持默认状态。 有没有办法做到这一点?

您可以使用较少的引用导入功能来设置单个组件的主题。Sudo代码类似于

@import (reference) "@ant-design/dark-theme"

.my-popover {
  &:extend(@popover-prefix-cls all);
}
通过进入文件并检查类,可以找到类名@popover prefix cls


引用:

将其嵌入到一个附加的主题提供程序中。尝试将passig style={{{background:'ddd'}}传递到弹出组件