微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

在 React 中使用固定的 css 类自定义现有组件

如何解决在 React 中使用固定的 css 类自定义现有组件

我在我的项目中使用了 react-calendar,它使用了一个普通的 CSS 样式表(基本上是您将它导入到您的项目 (import 'react-calendar/dist/Calendar.css';) 中)。

我可以自定义组件编写自己的 CSS 文件,但由于我的项目是主题化的,我希望能够将一些 react 道具传递给 CSS。

我在所有其他组件上使用 Material-UIJSS,但这些类是动态命名的,我找不到使用 JSS 的方法带有“固定”类名。

有没有办法使用 css-in-JS 解决方案,但使用固定的 CSS 类?

类似于:

.react-calendar__tile--active:enabled:focus {
  background: {prop.backgroundColor};
}

谢谢!

解决方法

material-UI 带有 global CSS 插件。在您的组件中,您可以通过在 swipedElement 属性中声明来定义/覆盖全局类:

@global

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。