如何内联样式子DOM元素React？

Question

假设我导入库react-select或任何其他我无法直接访问其组件和jsx的文件。是否可以将自己的样式传递给子DOM元素，如其他库中的下拉菜单。就像你的普通css div div div{... here you will style only children}一样。我正在使用镭。

在我的情况下，我想更改Select Select的z-index - 单个可搜索的类和样式下拉菜单。

Answer 1

Radium提供了所谓的Style组件，允许您设置从其他库链接导入的组件样式链接：https://github.com/FormidableLabs/radium/tree/master/docs/api#style-component。

示例：

<Style
  scopeSelector=".scoping-class"
  rules={{
    color: 'blue',
    span: {
      fontFamily: 'Lucida Console, Monaco, monospace'
    }
  }}
/>