DOM и React Middle Компоненты на практике обновлено
Список задач
Условие
Поле ввода и кнопка «добавить» создают элемент списка; кнопка внутри элемента удаляет его. Пустую строку не добавлять, после добавления поле очищается.
Что проверяют тесты
добавляет
очищает поле
не добавляет пустое
удаляет нужный
Как подойти
Каркас половины задач на machine coding. Обязательные детали, за которые снимают баллы: trim и отказ от пустого значения, очистка поля после добавления, стабильный ключ, неизменяемое обновление массива.
Подсказки: 2
- Два состояния: список и текст поля.
- Обновляй список неизменяемо: [...list, item] и filter.
Решите в тренажёре
Редактор с автотестами прямо в браузере. Можно решить спокойно, вслух или под таймером, как на собесе.