React

Mirela Rivera

Manejando eventos

Manejar eventos en elementos de React es muy similar a manejar eventos con elementos del DOM.

Mirela Rivera
Manejando eventos

Navegación interior

Puedes consultar esta pàgina, vuelve a la pàgina de inicio o al archivo.

Pasando argumentos a escuchadores de eventos

Dentro de un bucle es muy común querer pasar un parámetro extra a un manejador de eventos. Por ejemplo, si id es el ID de una fila, cualquiera de los códigos a continuación podría funcionar:

jsx
<button onClick={(e) => this.deleteRow(id, e)}>Delete Row</button>
<button onClick={this.deleteRow.bind(this, id)}>Delete Row</button>

Las dos líneas anteriores son equivalentes, y utilizan funciones flecha y Function.prototype.bind respectivamente.

Manejando eventos - Imagen

En ambos casos, el argumento e que representa el evento de React va a ser pasado como un segundo argumento después del ID. Con una función flecha, tenemos que pasarlo explícitamente, pero con bind cualquier argumento adicional es pasado automáticamente

Desarrollado con React, Gatsby y DatoCMS por @smastrom

Contribuir o dar me gusta en GitHub