Как открыть модальное окно при нажатии на карточку, когда у меня было несколько карточек

Question

Я новичок в реакции и запутался, чтобы завершить это. У меня было несколько карточек, я использовал Рекомендацию. js файл и Раздел рекомендаций. js файл для отображения рекомендаций, данных другими, данные хранятся в файле Context. js. Когда я щелкаю любую карту, должно открыться модальное окно с отображением содержимого этой карты.

Answer 1

Требуется дополнительная информация, но я думаю, что если я опишу одно из решений, вы сможете решить его самостоятельно.

У вас должен быть идентификатор для каждой карты. Когда пользователь нажимает на карту, вы должны добавить идентификатор карты в состояние.

Например, если у вас есть состояние, подобное openModal=null, должно измениться на `` openModal = 12 '', затем при рендеринге , вы должны отобразить модальное окно с данными карты с идентификатором 12.

Чтобы установить состояние при щелчке на каждой карте, вы можете использовать curring как показано ниже

<Card
  onClick={handleOpenModal(12)}
  ...
/>