reactjs - 使用样式化组件定位特定的 CSS 类

我将如何使用样式组件来设计类似 react-datepicker 的样式？ datepicker 库看起来使用某种类型的 BEM 样式(下面的屏幕截图)，我通常只使用它们提供的类名并使用 Sass 来设置样式。但是，我如何使用样式组件来定位这些类名呢？这可能吗？

最佳答案

由于 styled-components 只是 CSS™，因此您可以像使用任何其他样式表一样，通过使用提供的类名 react-datepicker 来实现它。

唯一的区别是，您必须将日期选择器包装在一个应用所有这些类的包装样式组件中:

const Wrapper = styled.div`
  &.react-datepicker {
    color: blue;
  }
`

<Wrapper>
  <Datepicker />
</Wrapper>

关于reactjs - 使用样式化组件定位特定的 CSS 类，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/45301517/