title: Get the button value from semantic ui react
body: <p>I am a newbie to React.Currently I am facing this problem.</p>
  
  <p>Here is my code</p>
  
  <pre><code>    handleClick(e) {
         console.log('Click happened'+" "+ e.target.value);//getting UNDEFINED here
     }
  </code></pre>
  
  <p>In the below code locationArr contains many locations</p>
  
  <pre><code>{ locationArr.map((location) =&gt; {
       console.log(location); //It prints all the locations here NO PROBLEM 
       if (location !== ' ') {
         return (
          &lt;div className ="ui stackable four column grid"&gt;
           &lt;div className="column centered"&gt;
           &lt;/div&gt;
           &lt;div className="column"&gt;
           &lt;/div&gt;
           &lt;div className="column centered"&gt;
             &lt;Button size='huge' primary  value='{location}' as={Link} 
              to="/location" onClick={this.handleClick.bind(this)} &gt;
                 {location} // ABLE TO GET LOCATION NAMES here 
             &lt;/Button&gt;
  </code></pre>
  
  <p>Now my problem is I want to access the value of the location from the button in handleClick function and I also need to pass it to another component.Anyone please suggest me how do I achieve this?</p>