css - airbnb/react-dates 的不同样式类

Question

我目前遇到的问题是，我在我的 React 项目中的两个不同位置利用了 Airbnb 日期。日期的样式不同。因此，我创建了 2 个单独的 CSS 文件来覆盖默认样式。

尽管在 2 个不同的位置有 2 个不同的 CSS 文件，但最新的更改会覆盖最初的样式更改。所以出于某种原因，两个日期选择器共享相同的样式。

我想提一下我使用样式加载器。

有任何想法吗？

Answer 1

2020：

对于现在遇到此问题并且也遇到此问题的任何人，您可能已经尝试使用 CSS 模块，因为这将消除“全局 CSS”问题。

但是，我试过了，它没有加载 CSS 模块文件，所以根本不起作用。

但是，我能够通过使用样式组件来解决它。每个 datepicker 都有它自己的组件，我使用 styled-components 编写一个基本容器，然后，每个 datepicker 的所有覆盖样式都进入该样式组件。

Boom，这解决了 CSS 样式在全球范围内发生冲突的问题。