Cómo pasar un parámetro a los controladores de eventos en React

Descubra cómo pasar un parámetro a eventos onClick, por ejemplo, sin invocar el método en el montaje

Cuando trabaja en un componente funcional de React, es posible que tenga la necesidad de adjuntar un evento a onClick (u otros eventos).

Usualmente lo haces:

<button onClick={addBill}>Add</button>

Pero, ¿y si tienes que pasar un parámetro? Supongamos que tiene una lista de facturas y desea eliminar una haciendo clic en la "X" junto a ella.

No puedes hacer:

<button onClick={removeBill(index)}>𝗫</button>

porque la expresión dentro de onClick se ejecutará en mount. Esto eliminará todas las facturas de la lista, tan pronto como se inicie la aplicación.

En cambio, esto es lo que debe hacer, usando funciones de flecha:

<button onClick={() => removeBill(index)}>𝗫</button>

Descarga mi gratisReact Handbook


Más tutoriales de react: