title: react component style to inheriting components
body: <p>I am creating a simple component that wraps another component, currently it's Dropdown from semantic-ui, but this question is for the general way to do it.</p>
  
  <p>So My components looks like this:</p>
  
  <pre><code>class MyWrapComponent extends Component {
      render() {
          return (
              &lt;Dropdown style={WHAT_HERE} {...this.props} /&gt;
          );
      }   
  }     
  </code></pre>
  
  <p>the dropdown component renders this output: (example...)</p>
  
  <pre><code>&lt;div&gt;
     DONT_CARE
     &lt;select class="dropdown"&gt;
     ...
     &lt;/select&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>now I want to create a css rule for the </p>
  
  <pre><code>select.dropdown
  </code></pre>
  
  <p>I don't want to create this rule in my global scope, I want this css rule to be only in my component.</p>
  
  <p>I tried passing "style" object but it doesn't reach there, any ideas on that?</p>
  
  <p>thanks</p>