反应组件样式以继承组件

Question

我正在创建一个包装另一个组件的简单组件，目前它是来自semantic-ui的Dropdown，但这个问题是通用的方法。

所以我的组件看起来像这样：

class MyWrapComponent extends Component {
    render() {
        return (
            <Dropdown style={WHAT_HERE} {...this.props} />
        );
    }   
}     

下拉组件呈现此输出:(示例...）

<div>
   DONT_CARE
   <select class="dropdown">
   ...
   </select>
</div>

现在我想为

创建一个css规则

select.dropdown

我不想在我的全局范围内创建此规则，我希望此css规则仅在我的组件中。

我试过传递“风格”对象，但它没有到达那里，有什么想法吗？

感谢

Answer 1

您可能需要查看此内容：The End of Global CSS