Javascript lendo json de api

[MatheusINF]

Fala galera beleza?

 

Alguém que manja um pouco mais consegue me dar um help?

 

Estou lendo uma api em json e consigo ler as informações de boa, porém quando tento ler alguns dados de dentro desse json como a url dele, está me retornando o seguinte erro: "TypeError: Cannot read property 'url' of undefined". Alguém sabe se estou chamando a informação errada?

 

Segue a imagem de como eu chamo a informação: https://imgur.com/a/2dexmNv

 

Estou tentando acessar a api da seguinte forma no código:

      {console.log(pokemon)}

      {console.log(pokemon.name)}

      {console.log(pokemon.species)}

      {/* {console.log(pokemon.species.url)} */} 

 

porém a última linha da erro ao tentar executar...

 

[GabrielSennaMs]

@MatheusINF Seria possivel compartinha qual APÍ que você está utilizando e qual endpoint.

[MatheusINF]

@GabrielSennaMs Opa, muito obrigado! mas consegui resolver aqui.

 

pode encerrar o tópico.

[DiF]

@MatheusINF

11 horas atrás, MatheusINF disse:

muito obrigado! mas consegui resolver aqui.

Por gentileza, compartilhe a sua solução. Assim você ajuda os demais com a mesma dúvida.

[MatheusINF]

@DiF e @GabrielSennaMs

 

 opa claro, o problema era que meu componente estava carregando os dados depois de já ter renderizado em tela e aí ele apresentava o erro, para resolver criei uma constante loading, para verificar se os dados já estavam carregados e só após estarem devidamente carregados eu renderizo o restante da pagina.

 

O resultado ficou assim: https://pokeinfo-matheusinfo.netlify.com/