Hledáme nové posily do ITnetwork týmu. Podívej se na volné pozice a přidej se do nejagilnější firmy na trhu - Více informací.
Pouze tento týden sleva až 80 % na e-learning týkající se Swiftu. Zároveň využij výhodnou slevovou akci až 30 % zdarma při nákupu e-learningu - více informací.
swift week + discount 30
Avatar
Vojta Korduliak:24. dubna 21:05

Ahoj,
potřeboval bych naimportovat obrázky ze složky takovým způsobem, abych to nemusel importovat ručně. Momentálně jsem zkoušel toto (viz. kód dole), ale nefunguje to, protože se obrázky načítají jako "text/html" (viz. screenshot ). Googlil jsem všude možně, ale nedokážu se dobrat funkčnímu řešení. Předem tak děkuji za odpovědi.

Zkusil jsem:

import React from 'react'
import styles from '../../styles/Gallery.module.scss'

const GalleryContent = () => {

  let items = [];
  for (let i = 0; i < 10; i++) {
    items.push(<img src={`../../public/gallery/img${i + 1}.png`} alt="Photo" />);
  }

  return (
    <div className={styles.galleryWrap}>
        <h3>galerie</h3>
        <div className={styles.galleryWrap}>
          <div className={styles.row}>
              {items.map(img => (img))}
          </div>
        </div>
    </div>
  )
}

export default GalleryContent
Editováno 24. dubna 21:06
 
Odpovědět
24. dubna 21:05
Tento výukový obsah pomáhají rozvíjet následující firmy, které dost možná hledají právě tebe!
Avatar
Vojta Korduliak:24. dubna 21:54

Už vím, kde byla chyba. Stačilo místo src={../../public/gallery/img${i + 1}.png} dát src={/gallery/img${i + 1}.png}. text/html to vracelo, protože server nejspíše vracel 404 stránku.

 
Nahoru Odpovědět
24. dubna 21:54
Děláme co je v našich silách, aby byly zdejší diskuze co nejkvalitnější. Proto do nich také mohou přispívat pouze registrovaní členové. Pro zapojení do diskuze se přihlas. Pokud ještě nemáš účet, zaregistruj se, je to zdarma.

Zobrazeno 2 zpráv z 2.