Завдання: Відображення Колекцій Даних
Завдання: Відобразити список товарів
Обробіть дані, отримані з бекенду, та забезпечте їх коректне відображення у форматі списку.
Завдання:
- Використати метод
map()для відображення масиву товарів. - Обов'язково заповнити необхідні поля:
h2має містити назву товару (name);pмає містити опис товару (description);spanмає містити рядок "Price:" та ціну товару (price).
- Використайте метод
map()для ітерації по масивуprops.goods. - Встановіть властивість
keyелемента<li>унікальним значенням, наприклад, властивістю id елемента. - Усередині кожного елемента
<li>використайте такі елементи:- Елемент
<h2>для відображення назви товару. Отримайте назву з поточногоitem; - Елемент
<p>для відображення опису товару. Отримайте опис з поточногоitem; - Елемент
<span>для відображення рядка "Price:" та ціни товару. Отримайте ціну з поточногоitem.
- Елемент
Все було зрозуміло?
Дякуємо за ваш відгук!
Секція 2. Розділ 7
Запитати АІ
Запитати АІ
Запитайте про що завгодно або спробуйте одне із запропонованих запитань, щоб почати наш чат
Чудово!
Completion показник покращився до 4
Завдання: Відображення Колекцій Даних
Свайпніть щоб показати меню
Завдання: Відобразити список товарів
Обробіть дані, отримані з бекенду, та забезпечте їх коректне відображення у форматі списку.
Завдання:
- Використати метод
map()для відображення масиву товарів. - Обов'язково заповнити необхідні поля:
h2має містити назву товару (name);pмає містити опис товару (description);spanмає містити рядок "Price:" та ціну товару (price).
- Використайте метод
map()для ітерації по масивуprops.goods. - Встановіть властивість
keyелемента<li>унікальним значенням, наприклад, властивістю id елемента. - Усередині кожного елемента
<li>використайте такі елементи:- Елемент
<h2>для відображення назви товару. Отримайте назву з поточногоitem; - Елемент
<p>для відображення опису товару. Отримайте опис з поточногоitem; - Елемент
<span>для відображення рядка "Price:" та ціни товару. Отримайте ціну з поточногоitem.
- Елемент
Все було зрозуміло?
Дякуємо за ваш відгук!
Секція 2. Розділ 7