ReactJSどのタグがクリックされたかを知る方法は？

Question

ボタンの配列を作成しましたが、クリックすると各ボタンを処理できるようになりましたが、どのタグがクリックされたかを知るためにthis.handleClickSelection（）を処理する方法はわかりません。

class Search extends React.Component 
{ 
constructor() 
{ 
    super(); 
    this.state = { entries : [], entries_audio : [], } 
} 

componentWillMount() 
{ 

    $.get('https://something', (data) => { 


     var entriesArray = []; 
     var entriesAudioArray = []; 
     for (var i = 0; i < data.stories.length ; i++) { 
      entriesArray.push(<button className ="entries" key={i} onClick={()=> this.handleClickSelection() } > {data.stories[i].title }</button>); 
      entriesAudioArray.push(data.stories[i]); 
     }; 
     this.setState({ indents : entriesArray, entries_audio : entriesAudioArray }); 
     console.log(this.state.entries_audio); 



    }, 'json'); 


} 


handleClickSelection() 
{ 
    alert("this particular button data"); 


} 


//more code below 

Answer 1

あなたはインデックスにあなたのクリックハンドラをバインドすることができます。

... onClick={this.handleClickSelection.bind(this, i)} 

、その後handleClickSelectionが届きます最初の引数としてのインデックス：

handleClickSelection(index, event) { 
    console.log('item pressed: ', index); 
} 

Answer 2

これにはbindを使用します。以下のような：

あなたの方法に最初のパラメータとして iを渡します

onClick={this.handleClickSelection.bind(this, i)} 

：

handleClickSelection(i)