コンポーネントを継承するコンポーネントに反応する

Question

私は別のコンポーネントをラップする単純なコンポーネントを作成していますが、現在はsemantic-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