2017-01-26 5 views
1

私は別のコンポーネントをラップする単純なコンポーネントを作成していますが、現在は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ルールを自分のコンポーネント内にのみ追加します。

私は「スタイル」オブジェクトを渡そうとしましたが、そこには到達しませんでした。

おかげ

+0

私は推測することだ[反応-セマンティック-UI](http://react.semantic-ui.com/modules/dropdown) 。ドロップダウンはスタイルの小道具を持っていないようです。 「ドロップダウン」のソースコードをチェックして、追加の小道具(スプレッドオペレータなど)を渡すことができるかどうかを確認します。スタイルが適用されないためではないと思います。 おそらくこれはCSSで行う必要があります。 –

+0

私はあなたが後にしていると思います[CSSモジュール](https://github.com/gajus/react-css-modules) –

+0

@MartinMazzaDawsonはい私はソースコードを閲覧しました。私は自分のCSSを作成する必要がありますが、私は単にこのCSSをグローバルではなくコンポーネントに保存しています –

答えて

関連する問題