Сделать так, чтобы при нажатии на кнопку "Добавить" то, что введено в текстовое поле, добавлялось в список.

При нажатии на кнопку [x] элемент удаляется.

Вывод списка организовать в виде компонентов List и ListItem (имена произвольные, можно использовать свои):

<List>
  <ListItem/>
  <ListItem/>
  <ListItem/>
  <ListItem/>
</List>

Вначале писать тест, потом писать компонент.

• Сделать форк этого репозитория.
• Разработку вести через TDD: вначале тесты, потом компонент.
• Решение без тестов приниматься не будет.
• Результат оформить в виде pull request.

Вначале формулируем требования к компонентам:

• Должен отображает на экране то, что передали в параметре title.
• Должен показывать на экране кнопку.
  • При нажатии на кнопку должен вызываться переданный коллбэк handleClick.
  • Коллбэк должен вызываться с параметром id, который мы передаём в компонент.

• Позитивный кейс: отображение непустого списка:
  • Компонент выводит каждый элемент списка.
  • Кнопка в каждом элементе нажимается, при этом вызывается handleClick с параметром id. [опционально]
• Негативный кейс: отображение пустого списка: [опционально]
  • Выводится надпись "В списке нет элементов".

• Отображается поле для ввода и кнопка "Добавить".
• Можно ввести что-то в поле для ввода.
• При нажатии на кнопку вызывается handleSubmit с параметром, равным тому, что ввели в поле для ввода.

npm i

npm start

npm run test