React

Stefano Santamaria

Gestione degli Eventi

La gestione degli eventi negli elementi React è molto simile alla gestione degli eventi negli elementi DOM.

Stefano Santamaria
Gestione degli Eventi

Navigazione interna

Puoi dare un'occhiata a questa pagina, tornare indietro alla homepage o all'archivio.

Passare Argomenti ai Gestori di Eventi

All’interno di un ciclo, è comune avere l’esigenza di passare un parametro aggiuntivo ad un gestore di eventi. Ad esempio, avendo id come l’identificativo della riga, le seguenti dichiarazioni sarebbero entrambe valide:

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

Le due linee di codice precedenti sono equivalenti e utilizzano le funzioni a freccia e Function.prototype.bind rispettivamente.

Gestione degli Eventi - Immagine

In entrambi i casi, l’argomento e, che rappresenta l’evento React, verrà passato come secondo argomento dopo l’ID. Con la funzione a freccia, devi passarlo esplicitamente, mentre con bind qualsiasi altro argomento viene passato automaticamente.

Sviluppato con React, Gatsby e DatoCMS da @smastrom

Contribuisci o dai una stella su GitHub