Tehtävä

Luo CarList-komponentti, joka vastaa autojen listan näyttämisestä ja tarjoaa hakutoiminnon niiden suodattamiseen nimien perusteella. Käyttäjät voivat syöttää hakusanan, jonka perusteella autolista suodatetaan dynaamisesti.

Ohjeet

1. Tuo tarvittavat hookit React-kirjastosta.
2. Määrittele CarList-komponentin sisällä tilamuuttuja searchInput ja sen päivitysfunktio setSearchInput käyttäen useState-hookia. Alusta searchInput tyhjällä merkkijonolla.
3. Käytä useMemo-hookia muistiin tallentaaksesi filteredCars-taulukon. Muistissa pidettävän logiikan tulee suodattaa autot searchInput-arvon perusteella. Jos searchInput on tyhjä, palauta kaikki autot; muussa tapauksessa suodata autot hakusanan perusteella.
4. Määrittele useMemo-hookin riippuvuuslistaan oikeat muuttujat, joista muistissa pidettävä funktio riippuu.

1. Lisää import-lause tuodaksesi tarvittavan hookin React-kirjastosta.
2. Käytä useState-hookia tilamuuttujan ja sen päivitysfunktiolle.
3. useMemo-hook tallentaa suodatetun autot-taulukon muistiin ja estää tarpeettomat uudelleenlaskennat.
4. Lisää useMemo-hookin riippuvuuslistaan ne muuttujat, joista muistissa pidettävä funktio riippuu (cars ja searchInput).