Получить значение кнопки из семантического пользовательского интерфейса реагировать

Question

Я новичок в React. В настоящее время я сталкиваюсь с этой проблемой.

Вот мой код

    handleClick(e) {
       console.log('Click happened'+" "+ e.target.value);//getting UNDEFINED here
   }

В приведенном ниже коде locationArr содержит много мест

{ locationArr.map((location) => {
     console.log(location); //It prints all the locations here NO PROBLEM 
     if (location !== ' ') {
       return (
        <div className ="ui stackable four column grid">
         <div className="column centered">
         </div>
         <div className="column">
         </div>
         <div className="column centered">
           <Button size='huge' primary  value='{location}' as={Link} 
            to="/location" onClick={this.handleClick.bind(this)} >
               {location} // ABLE TO GET LOCATION NAMES here 
           </Button>

Теперь моя проблема в том, что я хочу получить доступ к значению местоположения с помощью кнопки в функции handleClick, и мне также нужно передать ее другому компоненту. Никто, пожалуйста, не подскажет, как мне этого добиться?

Answer 1

+ Изменить

onClick={this.handleClick.bind(this)} в

onClick={this.handleClick.bind(location)}

Рабочая Демо

Демо решает обе ваши проблемы.