Compito

Creare il componente CarList responsabile della visualizzazione di un elenco di auto e della fornitura di una funzionalità di ricerca per filtrarle in base ai loro nomi. Consente agli utenti di inserire un termine di ricerca e filtra dinamicamente l'elenco delle auto in base a tale input.

Istruzioni

1. Importare gli hook necessari dalla libreria React.
2. All'interno del componente CarList, dichiarare una variabile di stato searchInput e una funzione di aggiornamento dello stato setSearchInput utilizzando l'hook useState. Inizializzare searchInput con una stringa vuota.
3. Utilizzare l'hook useMemo per memorizzare l'array filteredCars. La logica di memorizzazione deve filtrare le auto in base a searchInput. Se searchInput è vuoto, restituire tutte le auto; altrimenti, filtrare le auto in base all'input di ricerca.
4. Nell'array delle dipendenze di useMemo, specificare le variabili corrette da cui dipende la funzione memorizzata.

1. Includere una dichiarazione import per importare l'hook necessario dalla libreria React.
2. Utilizzare l'hook useState per dichiarare una variabile di stato e la relativa funzione di aggiornamento.
3. L'hook useMemo memorizza l'array delle auto filtrate, evitando ricalcoli non necessari.
4. Nell'array delle dipendenze di useMemo, includere le variabili da cui dipende la funzione memorizzata (cars e searchInput).