如何解决在 React 中使用固定的 css 类自定义现有组件
我在我的项目中使用了 react-calendar,它使用了一个普通的 CSS 样式表(基本上是您将它导入到您的项目 (import 'react-calendar/dist/Calendar.css';
) 中)。
我可以自定义组件编写自己的 CSS 文件,但由于我的项目是主题化的,我希望能够将一些 react 道具传递给 CSS。
我在所有其他组件上使用 Material-UI 和 JSS,但这些类是动态命名的,我找不到使用 JSS 的方法带有“固定”类名。
有没有办法使用 css-in-JS 解决方案,但使用固定的 CSS 类?
类似于:
.react-calendar__tile--active:enabled:focus {
background: {prop.backgroundColor};
}
谢谢!
解决方法
material-UI 带有 global CSS 插件。在您的组件中,您可以通过在 swipedElement
属性中声明来定义/覆盖全局类:
@global
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。