reagieren Komponente Stil zu vererben Komponenten

Question

ich eine einfache Komponente erschaffe, die eine andere Komponente Wraps, derzeit ist es Dropdown aus semantisch-ui, aber diese Frage ist für die allgemeine Art und Weise, es zu tun.

So sieht meine Komponenten wie folgt aus:

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

die Drop-Down-Komponente macht diese Ausgabe: (Beispiel ...)

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

jetzt habe ich eine CSS-Regel für die

erstellen möchten

select.dropdown 

Ich möchte diese Regel nicht in meinem globalen Bereich erstellen, ich möchte diese CSS-Regel nur in meiner Komponente sein.

Ich habe versucht, „Stil“ Objekt übergeben, aber es reicht nicht aus, irgendwelche Ideen dazu?

dank

Answer 1

Sie vielleicht einen Blick auf diese nehmen wollen: The End of Global CSS