1
resposta

[Dúvida] Não esta criando o card

depois que eu coloquei (props.colaboradores.lenght > 0) meu site paro de criar o card, quando preencho o formulário o objeto e criado porém nao aparece o card

import Colaborador from '../Colaborador/Colaborador'
import './Time.css'

const Time = (props) => {
    return (
        (props.colaboradores.lenght > 0) ? <section className='time' style={{backgroundColor: props.corSecundaria}}>
            <h3 style={{borderColor: props.corPrimaria}}>{props.nome}</h3>
            <div className='colaboradores'>
            {props.colaboradores.map( colaborador => <Colaborador nome={colaborador.nome} cargo={colaborador.cargo} imagem={colaborador.imagem} />)}
            </div>
        </section>
        : ''
    )
}

console.log(Time)
export default Time

Insira aqui a descrição dessa imagem para ajudar na acessibilidade

1 resposta

Oi, Jean, tudo bem?

A palavra length foi escrita de maneira errada no trecho props.colaboradores.lenght > 0 onde as letras "t" e "h" ficaram trocadas. Para corrigir basta substituir o trecho de código pelo que disponibilizo abaixo:

props.colaboradores.length > 0

Espero ter ajudado. Caso tenha dúvidas, conte com o fórum. Abraços!

Caso este post tenha lhe ajudado, por favor, marcar como solucionado ✓. Bons Estudos!