[Dúvida] Erro no código da aula de estados!! | React: comece seu projeto full stack

1
resposta

Referente ao curso React: comece seu projeto full stack, no capítulo Estados e atividade Componentes dinâmicos

por victor hugo florentino de oliveira

| 152.2k xp | 4 posts

Pessoal após inserir isso no meu código,

        { livrosPesquisados.map( livro => (
            <Resultado>
                <img src={livro.src}/>
                <p>{livro.nome}</p>
            </Resultado>
        )) }

a tela do browser fica toda branca, e a imagem não carrega, alguém que teve esse mesmo problemas ou sabe como ajustar poderia me ajudar ?

Ps: estou fazendo a aula mas realizando um projeto diferente, apenas seguindo a mesma logica.

Desde já Obrigado!

1 resposta

por Adilson Bona

| 23.4k xp | 1 posts

Founder / CTO

21/01/2023

Eu resolvi isso adicionando um "?" quando fazemos o map no livrosPesquisados. Pelo que entendi isso verifica se o estado contem valores para o JS fazer o map.

 { livrosPesquisados?.map( livro => (
                <div>
                    <p>{livro.nome}</p>
                    <img src={livro.src} alt={livro.nome}/>
                </div>
            ) ) }