const res = fetch("https://api.imgflip.com/get_memes"); const body = res.body; if (res.error) return res.error; const memes = body.data.memes; const templates = []; for (let i = 0; i < memes.length; i++) { templates.push( <div> <a href={`${memes[i].url}`}> <img height="300" src={`${memes[i].url}`} alt={`${memes[i].name}`} /> </a> <br /> {`${memes[i].name}`} <br /> <br /> </div> ); } return ( <div> <h2>Meme templates</h2> <br /> {templates} </div> );