React by Alessandro Miliucci

autore:Alessandro Miliucci [Miliucci, Alessandro]
La lingua: ita
Format: epub
editore: Apogeo
pubblicato: 2023-03-23T23:00:00+00:00

Attività senza testo e inserimenti consecutivi

Se abbiamo provato a inserire almeno un’attività, avremo notato che, dopo la pressione del tasto invio, il testo presente all’interno del campo di input non viene rimosso e che per creare un’altra attività dobbiamo cancellare prima tutto il testo presente. Inoltre, se lasciamo vuoto il campo di input e premiamo Invio, vengono create delle attività senza nessuna descrizione. Per evitare questi due problemi è sufficiente aggiungere un controllo sul contenuto di text prima di creare l’attività, e apportare una modifica al valore text dopo ogni creazione.

onKeyUp={(event) => {

if (event.key === "Enter") {

if (text.trim().length > 0) {

onCreate(text);

setText("");

}

}

}}

Per quanto la nostra applicazione possa essere semplice, non dobbiamo mai sottovalutare il numero delle possibili interazioni.

ATTENZIONE

Anche cambiando l’elenco selezionato, lo stato del campo di input rimane sempre lo stesso: il testo inserito nel campo non viene eliminato, a meno che non inseriamo la nuova attività. Il motivo di questo comportamento, che potrebbe non essere chiaro a tutti, è che il componente TodoCreator, quando si cambia l’elenco visualizzato, non viene mai smontato. Quindi, il suo stato interno rimane sempre lo stesso e non viene mai cancellato.

scaricare

Disconoscimento:
Questo sito non memorizza alcun file sul suo server. Abbiamo solo indice e link                                                  contenuto fornito da altri siti. Contatta i fornitori di contenuti per rimuovere eventuali contenuti di copyright e inviaci un'email. Cancelleremo immediatamente i collegamenti o il contenuto pertinenti.