Descubra cómo pasar un parámetro a eventos onClick, por ejemplo, sin invocar el método on mount
Cuando trabajas en un componente de función React, es posible que tengas la necesidad de adjuntar un evento a onClick (u otros eventos).
Generalmente haces:
button onClick={addBill}Add/button
Pero, ¿qué sucede si tienes que pasar un parámetro? Digamos que tienes una lista de facturas y quieres eliminar una haciendo clic en la “X” que está junto a ella.
No puedes hacer:
button onClick={removeBill(index)} /button
Debido a que la expresión dentro de onClick se ejecutará al montar la aplicación, se eliminarán todas las facturas de la lista tan pronto como se inicie la aplicación.
En cambio, esto es lo que debes hacer, usando las funciones de flecha:
button onClick={() = removeBill(index)} /button
Tal vez te puede interesar:
- Introducción a React
- Agregar evento de clic a los elementos DOM devueltos desde querySelectorAll
- Cómo cambiar el valor de un nodo DOM
- Cómo comprobar si un elemento DOM tiene una clase
Cómo pasar un parámetro a los controladores de eventos en React
Cuando trabajas en un componente de función React, es posible que tengas la necesidad de adjuntar un evento a onClick (u otros eventos). Descubra cómo pasar
programar
es
https://aprendeprogramando.es/static/images/programar-como-pasar-un-parametro-a-los-controladores-de-eventos-en-react-1889-0.jpg
2024-10-29