Завдання

Створити компонент CarList, який відповідає за відображення списку автомобілів та надає функціонал пошуку для їх фільтрації за іменами. Дозволяє користувачам вводити пошуковий запит і динамічно фільтрує список автомобілів відповідно до введених даних.

Інструкції

1. Імпортувати необхідні хуки з бібліотеки React.
2. Усередині компонента CarList оголосити змінну стану searchInput та функцію для її оновлення setSearchInput за допомогою хука useState. Ініціалізувати searchInput порожнім рядком.
3. Використати хук useMemo для мемоізації масиву filteredCars. Логіка мемоізації повинна фільтрувати автомобілі на основі значення searchInput. Якщо searchInput порожній, повертати всі автомобілі; інакше — фільтрувати автомобілі відповідно до пошукового запиту.
4. У масиві залежностей для useMemo вказати правильні змінні, від яких залежить мемоізована функція.

1. Додати оператор import для імпорту необхідного хука з бібліотеки React.
2. Використати хук useState для оголошення змінної стану та функції її оновлення.
3. Хук useMemo мемоізує масив відфільтрованих автомобілів, запобігаючи зайвим перерахункам.
4. У масиві залежностей для useMemo вказати змінні, від яких залежить мемоізована функція (cars та searchInput).