reactjs - from - react onclick event target

Obtenga datos de objetos y elementos de destino del evento onClick en reaccion js

Question

Este es mi código. Quiero obtener datos tanto en el objeto como en el elemento de destino utilizando el evento onClick. Alguien puede ayudarme.

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

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

Answer 1

¿Qué hay de usar una función de flecha en el controlador 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

Primero, si vincula null no obtendrá ningún contexto ni objeto UIEvent.

Debe cambiar su onClick a ''onClick = {this.handleClick} `.

Y su función de asa debe verse como

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

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

Answer 3

Prueba esta variante de código:

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

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