将组件样式反应到继承组件答案

【问题标题】：react component style to inheriting components将组件样式反应到继承组件
【发布时间】：2017-01-26 19:15:07
【问题描述】：

我正在创建一个简单的组件来包装另一个组件，目前它是来自语义 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 规则只在我的组件中。

我尝试传递“样式”对象，但它没有到达那里，有什么想法吗？

谢谢

【问题讨论】：

我猜是react-semantic-ui。下拉菜单似乎没有样式道具。检查Dropdown 的源代码，看看它是否允许您传递任何额外的道具（例如使用扩展运算符），我想它不是因为您的样式没有得到应用。您可能必须在 css 中执行此操作。
我想你要的是CSS Modules
@MartinMazzaDawson 是的，我浏览了源代码，我需要创建自己的 css，但我只是将此 css 包含在组件中，而不是全局

标签： css reactjs semantic-ui

【解决方案1】：

您可能想看看这个：The End of Global CSS

【讨论】：