title: Passing in className to React Component
body: <p>I am trying to pass a <code>classname</code> to the <code>material-ui Button component</code> but can't seem to get it to work. Below are my attempts.</p>
  
  <p><strong>Attempt 1</strong>:</p>
  
  <pre><code>attributes.map((attribute, index) =&gt; {
    const classString = 'classes.button' + index;
    console.log(classString)
    return (
      &lt;Button className={classString} onClick={this.handleClick.bind(this, attribute)}&gt; 
       {attribute} 
      &lt;/Button&gt;
    )}
  )}
  </code></pre>
  
  <p><strong>Attempt 2</strong>:</p>
  
  <pre><code>attributes.map((attribute, index) =&gt; {
    const classString = 'classes.button' + index;
    console.log(classString)
    return (
      &lt;Button className={'${classString}'} onClick={this.handleClick.bind(this, attribute)}&gt;
        {attribute}
      &lt;/Button&gt;
    )}
  )}
  </code></pre>
  
  <p>I have tried the classnames npm package as well but even that isn't working.</p>
  
  <p>Any help would be appreciated, thanks!</p>