title: Passing in class names to react components
body: <p>I am trying to pass in a classname to a react component to change it's style and cannot seem to get working:</p>
  
  <pre><code>class Pill extends React.Component {
  
    render() {
  
      return (
        &lt;button className="pill {this.props.styleName}"&gt;{this.props.children}&lt;/button&gt;
      );
    }
  
  }
  
  &lt;Pill styleName="skill"&gt;Business&lt;/Pill&gt;
  </code></pre>
  
  <p>I am trying to change the style of the pill by passing in the name of the class that has the respective style. I am new to React so maybe I am not doing this the right way. Thanks</p>