реагировать на стиль компонента для наследования компонентов

Question

Я создаю простой компонент, который обертывает другой компонент, в настоящее время это Dropdown из семантики-ui, но этот вопрос предназначен для общего способа его выполнения.

Так Мои компоненты выглядит следующим образом:

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