/Javascript/React/Syntax for srcset in react

Syntax for srcset in react

import nat1 from "./img/nat-1.jpg";
import nat1Large from "./img/nat-1-large.jpg";
import nat2 from "./img/nat-2.jpg";
import nat2Large from "./img/nat-2-large.jpg";
import nat3 from "./img/nat-3.jpg";
import nat3Large from "./img/nat-3-large.jpg";


  <div className="composition">
                <img
                  srcSet={`${nat1} 300w, ${nat1Large} 1000w`}
                  sizes="(max-width: 56.25em) 20vw, (max-width: 37.5em) 30vw, 300px"
                  alt="Photo 1"
                  className="composition__photo composition__photo--p1"
                  src={nat1Large}
                />
                <img
                  srcSet={`${nat2} 300w, ${nat2Large} 1000w`}
                  sizes="(max-width: 56.25em) 20vw, (max-width: 37.5em) 30vw, 300px"
                  alt="Photo 2"
                  className="composition__photo composition__photo--p2"
                  src={nat2Large}
                />
                <img
                  srcSet={`${nat3} 300w, ${nat3Large} 1000w`}
                  sizes="(max-width: 56.25em) 20vw, (max-width: 37.5em) 30vw, 300px"
                  alt="Photo 3"
                  className="composition__photo composition__photo--p3"
                  src={nat3Large}
                />
  </div>

Source: stackoverflow.com

Similar codes

1 vote312 views3 answers
Autocomplete react
Javascript React
0 vote371 views2 answers
How to spot Error: Maximum update depth exceeded. in react
Javascript React
0 vote383 views1 answer
Missing script: "start" react
Javascript React
4 votes335 views3 answers
How to add google map in react js
Javascript React
11 votes316 views3 answers
Shadow border react native
Javascript React
32 votes295 views1 answer
How to use routes in react js
Javascript React
9 votes314 views2 answers
React native hide yellow box
Javascript React
1 vote326 views1 answer
React native new project mac
Javascript React
0 vote315 views1 answer
Native module reactnativepushnotification tried to override rnpushnotification
Javascript React
5 votes320 views1 answer
React dom
Javascript React