Челендж: Рендеринг Набору Даних
Завдання: Показати список товарів
Обробимо дані, отримані з бекенду, і забезпечимо їх коректне відображення у форматі списку.
Задача така:
- Використати метод
map()
для відображення масиву товарів. - Забезпечити заповнення необхідних пропусків:
h2
повинен містити назву товару (властивістьname
).p
повинен містити опис товару (властивістьdescription
).span
повинен містити рядок "Price:" і ціну товару (властивістьprice
).
- Use the
map()
method to map over theprops.goods
array. - Ensure to set the
key
prop of the<li>
element to a unique value, such as the id property of the item. - Inside each
<li>
element, use the following elements:- An
<h2>
element to display the good's name. Access the name from the currentitem
; - A
<p>
element to display the good's description. Access the description from the currentitem
; - A
<span>
element to display the string "Price:" followed by the good's price. Access the price from the currentitem
.
- An
Все було зрозуміло?
Дякуємо за ваш відгук!
Секція 1. Розділ 15
Запитати АІ
Запитати АІ
Запитайте про що завгодно або спробуйте одне із запропонованих запитань, щоб почати наш чат
Awesome!
Completion rate improved to 2.17
Челендж: Рендеринг Набору Даних
Свайпніть щоб показати меню
Завдання: Показати список товарів
Обробимо дані, отримані з бекенду, і забезпечимо їх коректне відображення у форматі списку.
Задача така:
- Використати метод
map()
для відображення масиву товарів. - Забезпечити заповнення необхідних пропусків:
h2
повинен містити назву товару (властивістьname
).p
повинен містити опис товару (властивістьdescription
).span
повинен містити рядок "Price:" і ціну товару (властивістьprice
).
- Use the
map()
method to map over theprops.goods
array. - Ensure to set the
key
prop of the<li>
element to a unique value, such as the id property of the item. - Inside each
<li>
element, use the following elements:- An
<h2>
element to display the good's name. Access the name from the currentitem
; - A
<p>
element to display the good's description. Access the description from the currentitem
; - A
<span>
element to display the string "Price:" followed by the good's price. Access the price from the currentitem
.
- An
Все було зрозуміло?
Дякуємо за ваш відгук!
Секція 1. Розділ 15