React srcSet kullanımı nasıldır?

Merhaba, react öğrenmeye çalışıyorum ve kendim için küçük bir proje hazırlarken fotoğraf ölçeklendirmesi kısmında takıldım.
Şöyle ki, benim sorunum fotoğraf ölçeklendirme ile alakalı, srcSet çalışmıyor.
picture tagı yöntemi ile de denedim, img ile de ama hep aynı fotoğrafı gösteriyor.

import WomanDesktop from "./assets/illustration-woman-online-desktop.svg";
import WomanMobile from "./assets/illustration-woman-online-mobile.svg";

function App() {
  return (
    <>
      <main className="bg-gradient-to-b from-soft-vio to-soft-blue h-screen w-full grid place-content-center font-primary">
        <div className="mx-auto max-w-[1440px] bg-white">
          <div>
            <picture>
              <source
                type="image/svg+xml"
                media="(max-width: 768px)"
                srcSet={WomanMobile}
              />
             
              <img src={WomanDesktop} alt="Woman" />
            </picture>
          </div>
        </div>
      </main>
    </>
  );
}

export default App;

React kodum böyle ve sorun nerede bulamadım. Yardım ederseniz sevinirim.

React srcSet kullanımı nasıldır?

Soru hatalı mı? 👎

Cevap yaz

Cevaplar (0)