Есть 2 массива с данными:
1 массив: массив объектов. Каждый объект - это карточка товара. В этом объекте и хранится первичная информация об этом товаре
2 массив: массив объектов. Каждый объект - это подробная информация о товаре
В карточке товара есть кнопка. Нужно, чтобы при клике на кнопку открывалось модальное окно с информацией именно о том товаре, на котором была нажата кнопка.
Я сделал компонент с модальным окном, оно прекрасно работает.
Я не понимаю: как связать кнопки на карточках товаров с модалками, где хранится подробная информация об этом товаре. Я должен изначально отрисовать все модалки на странице и скрыть их?
asqwerty, Плохо что непонятно.
Массив с подробной информацией в каком месте лежит?
Вот в том месте и делай поиск, в результате получаешь один объект и с ним открываешь модалку. Когда закрываешь модалку - очищаешь объект.
Что есть общего у первого и второго массива? Это айдишник, и именно по нему нужно искать выбранный пользователем объект.
При клике на кнопку "Показать подробное описание товара" должен происходить фетч-запрос по типу getCardById(1)
И уже полученный ответ от сервера отрисовывать в модалке.
Если это данные из моков, то можно решить проблему через какой-нибудь filter.
Отрисовывать все модалки на странице не надо, это очень дорого и костыльно.
Простой
