クリックイベントに関連付けられた複数のプロパティを取得する

Question

私はjavascriptの新しいランクです。

データIDを使用して、クリックイベントに関連付けられたアイデアを渡しています。

<a href="#" onClick={this.handleClick} data-id={image.id}> 

これは、今、私はそのデータとどのように私は内のデータを得るのですかを置かないimage.srcである1つの以上の属性を、キャプチャしたい私のハンドルをクリックする方法、

handleClick(event){ 
    event.preventDefault(); 
    let mediaId = event.currentTarget.attributes['data-id'].value; 
    this.props.handleClick(mediaId); 
    } 

です私のクリックイベントハンドラ。

Answer 1

したい場合は、data属性として両方の属性を持つことができます：

<a href="#" onClick={this.handleClick} data-id={image.id} data-src={image.src}> 

そしては、異なる属性を使用してアクセス

handleClick（イベント）{

event.preventDefault(); 
    let mediaId = $(event.currentTarget).data('id'); 
    let src = $(event.currentTarget).data('src'); 
    this.props.handleClick(mediaId); 
    } 

希望これは助けることができます。