title: Multiple buttons; Each one needs to display different text
body: <p>I am trying to build upon what someone created for me and I am super new to this so be kind!</p>
  
  <p>I have 9 buttons, each one displays a different image when clicked. This part is done and is working perfectly. Now I need each button to also display different text. I Can't quite get it....</p>
  
  <p>So..there's this:</p>
  
  <pre><code> var Form = React.createClass({
  getInitialState: function(){
    return {shirtState:'button',
    image:null,
    color:'white',
    colornotice: 'white shirt temp',
    shirtName:'',
    bandName:'',
    bandcampUrl:''}
  },
  handleColorChange: function(e){
    e.preventDefault();
    color = e.target.value
    this.setState({color: color, colornotice: color +' THIS TEXT NEEDS TO CHANGE FOR EACH BUTTON'})
  },
  </code></pre>
  
  <p>The part that says "THIS TEXT NEEDS TO CHANGE FOR EACH BUTTON" is obviously what needs to change depending on which button is clicked.</p>
  
  <p>And here are the buttons:</p>
  
  <pre><code>&lt;div className="buttons"&gt;
            &lt;button className="color color-white" onClick={this.handleColorChange} value="white"&gt;&lt;/button&gt;
            &lt;button className="color color-black" onClick={this.handleColorChange} value="black"&gt;&lt;/button&gt;
            &lt;button className="color color-blue" onClick={this.handleColorChange} value="blue"&gt;&lt;/button&gt;
            &lt;button className="color color-green" onClick={this.handleColorChange} value="green"&gt;&lt;/button&gt;
            &lt;button className="color color-orange" onClick={this.handleColorChange} value="orange"&gt;&lt;/button&gt;
            &lt;button className="color color-pink" onClick={this.handleColorChange} value="pink"&gt;&lt;/button&gt;
            &lt;button className="color color-purple" onClick={this.handleColorChange} value="purple"&gt;&lt;/button&gt;
            &lt;button className="color color-red" onClick={this.handleColorChange} value="red"&gt;&lt;/button&gt;
            &lt;button className="color color-yellow" onClick={this.handleColorChange} value="yellow"&gt;&lt;/button&gt;
          &lt;/div&gt;
  </code></pre>
  
  <p>So, each button needs to have different, predetermined text that appears in place of this snippet:</p>
  
  <pre><code>{this.state.colornotice}
  </code></pre>
  
  <p>The image selections that happen on each button clcik that I mentioned are determined the in CSS. That part works perfectly. Here's part of this:</p>
  
  <pre><code>.color-blue{
  background: #fff image-url("Blue-Transparent_2300x2415.png");
  background-repeat: no-repeat;
  background-position: center 0px;
  background-size: cover;
  </code></pre>
  
  <p>and so on... for all 9 buttons. </p>
  
  <p>Hope this makes sense. Thank you for your help!!!</p>