Завдання: Відображення Колекцій Даних

Завдання: Відображення списку товарів

Обробка даних, отриманих із бекенду, та їх коректне відображення у форматі списку.

Завдання:

• Використати метод map() для рендерингу масиву товарів.
• Заповнити необхідні поля:

1. h2 має містити назву товару (name);
2. p має містити опис товару (description);
3. span має містити рядок "Price:" та ціну товару (price).

1. Використати метод map() для ітерації по масиву props.goods.
2. Встановити проп key елемента <li> унікальним значенням, наприклад, властивістю id елемента.
3. Усередині кожного елемента <li> використати такі елементи:
   • Елемент <h2> для відображення назви товару. Доступ до назви через поточний item;
   • Елемент <p> для відображення опису товару. Доступ до опису через поточний item;
   • Елемент <span> для відображення рядка "Price:" та ціни товару. Доступ до ціни через поточний item.