Comment passer un paramètre aux gestionnaires d'événements dans React

Découvrez comment passer un paramètre aux événements onClick par exemple, sans appeler la méthode au montage

Lorsque vous travaillez sur un composant fonctionnel React, vous devrez peut-être attacher un événement à onClick (ou à d'autres événements).

Vous faites généralement:

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

Mais que faire si vous devez passer un paramètre? Supposons que vous ayez une liste de factures et que vous souhaitiez en supprimer une en cliquant sur le «X» à côté.

Vous ne pouvez pas faire:

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

car l'expression à l'intérieur de onClick va être exécutée lors du montage. Cela supprimera toutes les factures de la liste, dès que l'application sera lancée.

À la place, voici ce que vous devez faire, en utilisant les fonctions fléchées:

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

Téléchargez mon gratuitManuel React


Plus de tutoriels de réaction: