Ya estoy inscrito ¿Todavía no tienes acceso? Nuestros Planes
Ya estoy inscrito ¿Todavía no tienes acceso? Nuestros Planes
1
respuesta

[Duda] Nno muestra las fotos de los colaboradores

Hola a todos he revisado más de dos veces el video y no veo el error, a mí no me muestra las fotos de los colaboradores.

import "./Colaborador.css"

const Colaborador = (props) => { 
    const {nombre, puesto, foto, equipo }= props.datos
    return <div className ="Colaborador">
        <div className ="encabezado">
            <img src = {foto} alt = {nombre} />
        </div>
        <div className ="info">
            <h4>{nombre}</h4>
            <h5>{puesto}</h5>
       </div>
    </div>
 mostrarFormulario && <Formulario
          equipos={equipos.map((equipo) => equipo.titulo)}
          registrarColaborador={registrarColaborador}
        />
        
      }
        
      <MiOrg cambiarMostrar={cambiarMostrar} />

      {
      /* recorrer un arrego */
        equipos.map((equipo) => <Equipo datos={equipo} key={equipo.titulo}
        colaboradores ={colaboradores}
        />)
      }
 return <section className="equipo" style={obj}  >
        <h3 style={estiloTitulo}>{titulo}</h3>
        <div className="colaboradores">
        
            {
                colaboradores.map( (colaborador,index) => <Colaborador datos = {colaborador} key = {index} /> )
            }
           
        </div>
    </section>

Ingrese aquí la descripción de esta imagen para ayudar con la accesibilidad

1 respuesta

Buen día, tenía exactamente el mismo error. ¡Pero lo solucioné! En el momento de rellenar el formulario con los datos no olvides agregarle la extensión .png al final del enlace de la foto. Ejemplo: Al poner el enlace en el campo "foto" no debería quedar así: https://github.com/NombreUsuario, sino, https://github.com/NombreUsuario.png