javascript — ReactJS: сопоставить массив изображений с уникальными всплывающими окнами для каждого изображения

ReactJS: сопоставить массив изображений с уникальными всплывающими окнами для каждого изображения

Я новичок в React и действительно зациклен на том, как создать всплывающее окно, уникальное для каждого изображения.

У меня есть 20 изображений, все из которых должны быть кликабельны с уникальным всплывающим окном (только одно всплывающее окно одновременно открыто).

Я размечаю изображения из массива. Может ли кто-нибудь помочь мне с созданием всплывающего окна для каждого изображения? Всплывающее окно должно содержать текст и изображение.

  {amp}lt;div className={divStyle}{amp}gt; {finalBoxArray.map(gooseberry ={amp}gt; ( {amp}lt;Img key={allPlaces.infoid} className={gooseberryStyle} alt="gooseberry" fixed={about.fixed} style={{ top: gooseberry.top, left: gooseberry.left }} /{amp}gt; ))} array is as below: const allPlaces = [ { infoid: 'box1', top: '145px', left: '935px', found: false, }, { infoid: 'box2', top: '120px', left: '980px', found: false }, { infoid: 'box3', top: '560px', left: '450px', found: false }, { infoid: 'box4', top: '380px', left: '760px', found: false }, { infoid: 'box5', top: '460px', left: '600px', found: false }, ] 
Понравилась статья? Поделиться с друзьями:
JavaScript & TypeScript
Adblock
detector