Перед вами небольшое React приложение, в котором можно просматривать цены автомобилей. Для того, чтобы это приложение полностью заработало, нужно выполнить 3 задачи:
- Починить типизацию компонентов Table и TableItem. Для этого стоит обратить внимание на использование Table в компоненте App
- Добавить колонку "Тип ТС". В этой колонке нужно отобразить тип транспортного средства словом.
- Написать компонент Filter. Для этого можно воспользоваться заготовкой в файле
Filter.tsx
.- компонент должен уметь задавать подстроку для названия транспортного средства и давать возможность выбирать конкретный тип ТС
- при любом изменение данных в компоненте Filter нужно вызывать метод
VehicleApi.search
и изменять данные таблицы. МетодVehicleApi.search
специально сделано синхронно для упрощения - для выбора типа транспортного можно воспользоваться компонентом
VehicleTypeSelect
Для выполнения задания можно использовать этот sandbox или склонировать репозиторий и выполнять его в любой IDE.