title: getting button value in onChange event
body: <p>I am trying get the button value in a onChange event.Later I will have to bind the value to <code>state</code>. But I am getting an empty value.</p>
  
  <pre><code>&lt;button onChange={this.handleCategoryName}  onClick={this.goToNextPage}&gt;
      Restaurant
  &lt;/button&gt;
  </code></pre>
  
  <p>This is the event where I am trying to get the value "Restaurant"</p>
  
  <pre><code>handleCategoryName(event) {  this.setState({ categoryName:event.target.innerHTML });   }
  </code></pre>
  
  <p>and it's <code>state</code> where I will bind the button value.</p>
  
  <pre><code>this.state = {
      apiUrl: config.publicRuntimeConfig.publicRuntimeConfigValue.apiUrl,
      value: 850,
      categoryName: " ",
  };
  this.handleCategoryName = this.handleCategoryName.bind(this);
  </code></pre>
  
  <p>But I am getting an empty value in my database.</p>
  
  <pre><code>axios.post( this.state.apiUrl+'/api/v1/LeadSurvey/save', {
              'categoryName':this.state.categoryName,
             }
  </code></pre>
  
  <p>How can I solve it?</p>