1
resposta

A lista de restaurantes da página admin não estão sendo redenrizadas

A lista de restaurantes da página admin não estão sendo redenrizdas:

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

Link do meu respósitorio: https://github.com/yancarlo0202/alfood

1 resposta

Olá, Yan! Como vai?

Vendo o erro que apareceu no console (Objects are not valid as a React child), esse erro acontece quando o React tenta renderizar um objeto inteiro no JSX, em vez de uma string, número ou array.

O que normalmente causa esse erro

  • Renderizar diretamente um objeto retornado da API.
  • Usar algo como {restaurante} em vez de {restaurante.nome}.
  • A API não estar rodando e retornar erro ou resposta inesperada.
  • O Docker não estar ativo, fazendo a API não responder corretamente.

Exemplo do erro


{restaurante}

O React não sabe como exibir um objeto completo na tela.

Forma correta


{restaurante.nome}

Ou, em uma lista:


{restaurantes.map(restaurante => (
  

{restaurante.nome}

))}

Esse código percorre o array e renderiza apenas o campo correto de cada objeto.

Teste realizado

Testei seu projeto em minha máquina e tudo funcionou corretamente, inclusive a listagem da página /admin/restaurantes.
Insira aqui a descrição dessa imagem para ajudar na acessibilidade

Com base no que você descreveu e nos testes feitos, existem duas possibilidades:

  • Ou você já conseguiu resolver
  • Ou o problema estava no ambiente, com Docker desligado ou API não rodando, o que causa falha na resposta da requisição.

Peço desculpas pela demora no retorno, mas fico feliz em confirmar que o código está correto.

Espero ter ajudado. Conte com o apoio do Fórum na sua jornada. Fico à disposição.

Abraços e bons estudos!

Caso este post tenha lhe ajudado, por favor, marcar como solucionado