Estoy tomando un curso de HTML/CSS/JS. Hay ejercicio para crear una aplicación web con robofriends. Debería haber muchas fotos de robofriends, pero solo obtuve el mismo retorno. ¿Podrías comprobar si estoy haciendo algo mal? Los corchetes dentro de la cadena no funcionan: <img alt='robots' src={"https://robohash.org/${id}?200x200"} />
como son mis amigos
Como debe ser RoboFriends
Código
import React from 'react'; const Card = (props) => { const { email, name, id } = props; return ( <div className="tc bg-light-green dib br3 pa3 ma2 grow bw2 shadow-5"> <img alt='robots' src={"https://robohash.org/${id}?200x200"} /> <div> <h2> {name} </h2> <p>{email}</p> </div> </div> ); } export default Card; enter code hereUsa acentos graves así:
<img alt='robots' src={`https://robohash.org/${id}?200x200`} />Los literales de plantilla se usan con acentos graves, en su ejemplo, debe reemplazar el src en la etiqueta img con lo siguiente: src={`https://robohash.org/${id}?200x200`} .
Las comillas dobles no admiten ${}.
Usar:
<img alt='robots' src={`https://robohash.org/${id}?200x200`} />O
<img alt='robots' src={"https://robohash.org/" + id + "?200x200"} />