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

Question

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

就我而言，我想更改 Select Select--single is-searchable 类和样式下拉菜单的 z-index。

Answer 1

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

例子：

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