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

Question

假设我导入了库react-select或任何其他我没有直接访问其组件和jsx的库。是否有可能将自己的样式传递给子DOM元素，如从其他库中的下拉菜单。喜欢你可以用正常的css div div div{... here you will style only children}。我正在使用Radium。

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

Answer 1

镭提供所谓的风格组件，让您您从其他图书馆进口的链接样式，这样的组件：https://github.com/FormidableLabs/radium/tree/master/docs/api#style-component。

实施例：

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