ReactJS Магазин

#3 – Вывод всех товаров на сайте

#3 – Вывод всех товаров на сайте

Какой магазин без товаров? Вы создадите массив с товарами. Дополнительно вы выполните перебор массива и вывод всех товаров на основной странице интернет магазина.

Видеоурок

Обработка и вывод данных из массива происходит в несколько этапов:

  • создается компонент по работе со всем массивом целиком;
  • в нем прописывается цикл «map» для обработки каждого отдельного элемента;
  • осуществляется вывод каждого элемента в произвольной форме.


В уроке для товаров были использованы специальные фото. Вы можете использовать любые свои фото или можете скачать такие же фото по этой ссылке.

Материалы для курса

Чтобы скачивать материалы к видеокурсам необходимо оформить подписку на сайт

Задание к уроку

Необходимо оформить подписку на проект, чтобы получить доступ ко всем домашним заданиям

Также стоит посмотреть

Изучение React JS / Redux библиотеки
9 уроков
Курс по React JS для начинающих
11 уроков
Фреймворк Next JS / Изучение NextJS для начинающих
8 уроков
Создание приложения на React JS / Использование API
7 уроков
Уроки React Native для начинающих / Разработка приложения с нуля
11 уроков
Комментарии (1)
Добавить комментарий

Payach 22 ноября 2022 в 01:52

Почему при введении Items в APP.js между Header и Footer весь контент исчезает и остаётся голая страница?
Ответить