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 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:

  1. Introducción a React
  2. Agregar evento de clic a los elementos DOM devueltos desde querySelectorAll
  3. Cómo cambiar el valor de un nodo DOM
  4. Cómo comprobar si un elemento DOM tiene una clase

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

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

 

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

 

 

Update cookies preferences