Erhalten mehrere Eigenschaften mit Klickereignissen verbunden

Question

Ich bin Rang neu zu Javascript also die Frage.

Ich verwende die Daten-ID, um eine mit einem Klickereignis verknüpfte Idee zu übergeben.

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

Das ist mein Griff Click-Methode ist,

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

Jetzt möchte ich ein weiteres Attribut erfassen, was die image.src ist Wo stelle ich die Daten und wie bekomme ich die Daten in Mein Klick-Event-Handler.

Answer 1

Sie könnten beide Attribute als data Attribute haben, wenn Sie wollen:

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

und sie dann als verschiedene Attribute zugreifen

handle (event) {

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

Hope this helfen könnte .