Несколько рекомендаций, как передать данные из карточки товара в модальное окно в React:
- Передавать данные в момент создания модального окна. 2 Если это по каким-то причинам невозможно, то модальное окно должно само уметь тянуть данные извне (например, показывать прелоадер). 2
- Передавать нужные данные в обработчик клика кнопки. 3 Либо устанавливать их в состояние, из которого данные будут браться в модалку. 3
- Использовать один компонент для карточки и модалки. 4 В нём сделать одно модальное окно, которое будет отображать данные любой из карточек. 4 Для этого нужно создать состояние для данных модального окна и при нажатии на карточку устанавливать в это состояние данные из нужной карточки. 4
Выбор решения зависит от конкретной ситуации и предпочтений разработчика.