No me carga la imagen y mi código está bien escrito. <code>import React from 'react'; import confLogo from '../images/badge-header.svg';...

Jair Sebastian Lozano Moron

Pregunta

student•hace 6 años

No me carga la imagen y mi código está bien escrito.

import React from 'react';

import confLogo from '../images/badge-header.svg';

class Badge extends React.Component {
  render(){
    return (<div>
      <div>
        <img src="{confLogo}" alt="Logo de la conferencia"/>
      </div>
      <div>
        <img src="" alt="Avatar"/>
        <h1>Bast <br/> The Best</h1>
      </div>
      <div>
        <p>Frontend Engineer</p>
        <p>@sebas_lozano09</p>
      </div>
      <div>
        #platziconf
      </div>
    </div>);
  }
}

export default Badge;```

Emerson Cedeño

student•hace 4 años

me pasaba lo mismo, en mi caso fue que había descargado las imágenes del repo en github, las volví a descargar desde la sección de Archivos de la clase (aquí) y todo funcionó como debido 👌🏼

Alexander Valencia

student•hace 6 años

las tres comillas al final son del comentario de aquí en platzi nada que ver con el código real :)

tienes

<imgsrc="{confLogo}"alt="Logo de la conferencia"/>

Cambialo por

<img src="{confLogo}" alt="Logo de la conferencia"/>

Diego Mauricio López Barrera

student•hace 6 años

mira <imgsrc="{confLogo}"alt="Logo de la conferencia"/>

no dejaste espacio entre el tag img y el src

Diego Mauricio López Barrera

student•hace 6 años

Ya miraste esas tres comillas del final? eso puede estar generando error

export default Badge;```

No me carga la imagen y mi código está bien escrito. <code>import React from 'react'; import confLogo from '../images/badge-header.svg';...

Curso de React.js [Empieza Gratis]

Curso de React.js [Empieza Gratis]