Obtenir les données d'objet et l'élément cible de l'événement onClick dans reajs js

Question

Ceci est mon code. Je veux obtenir les deux données dans l'élément object & target en utilisant l'événement onClick. Quelqu'un peut-il m'aider.

 handleClick = (data) => {
    console.log(data);
}

<input type="checkbox" value={data.id} defaultChecked={false} onClick={this.handleClick.bind(null, data)}/>
 

Answer 1

Qu'en est-il de l'utilisation d'une fonction de flèche dans le gestionnaire onClick?

 handleClick = (e, data) => {
    // access to e.target here
    console.log(data);
}

<input type="checkbox" value={data.id} defaultChecked={false} onClick={((e) => this.handleClick(e, data))}/>
 

Answer 2

Essayez cette variante de code:

 handleClick = (data, e) => {
    console.log(e.target.value, data);
}

<input type="checkbox" value={data.id} defaultChecked={false} onClick={this.handleClick.bind(this, data)}/>
 

Answer 3

Tout d'abord, si vous liez null vous n'obtiendrez ni contexte ni objet UIEvent.

Vous devez changer votre onClick en 'onClick = {this.handleClick} `.

Et votre fonction de poignée devrait ressembler à

 handleClick = (event) => {
    const { target: { value } } = event;

    // And do whatever you need with it's value, for example change state 
    this.setState({ someProperty: value });
};