airbnb/react-dates 的不同样式类

Question

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

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

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

有什么想法吗？

Answer 1

2020：

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

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

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

Boom，解决了全局 CSS 样式冲突的问题。