[Dúvida] DataForm não está visível no Front-end - curso: React com APIs

A duvida surgiu ao concluir o curso React: integrando seu projeto React com APIs após terminar o projeto.. A API funcionou corretamente como deveria porém na parte do Front-end ela falha.. Ex:. Ela mostra os nomes do restaurantes porém não CONTEÚDO em si EX:. nome, descrição e foto. Para provar isso cadastrei um novo prato na página de administração.

Formulário Resultado: Modo de desenvolvedor em um browser Na imagem acima foi retornado o código 201 - ok porém no site não foi apresentado absolutamente nada.. E para ter certeza que tinha dado certo, consultei a pagina de administração que foi criada no decorrer do curso e estava lá... O "prato" com o conteúdo (descrição, id, nome, restaurante, tag e a imagem) ou seja, para o back-end está funcionando corretamente como deveria.

página de administração

Enfim essa é a dúvida: Como apresentar o conteúdo da API para o Front-End ?

Aqui está o Link do projeto: https://github.com/isaquequadros/foods

Desde já agradeço a todos!

Oii, Isaque! Tudo bem?

Uma possível solução é verificar se está utilizando o componente DataForm para renderizar os dados recebidos da API certinho.

Tenha certeza de que está passando os dados e propriedades corretos para exibir as informações desejadas, como nome, descrição e foto.

Verifique também se os dados estão sendo recebidos da forma certa da API. Para verificar, pode usar o console.log.

Outro ponto importante, uma das causas podem estar relacionadas com a estrutura dos dados retornados pela API, revise o seu código para saber se eles estão no formato esperado pelo componente DataForm.

Espero que as sugestões sejam um bom ponto de partida. Qualquer dúvida, não hesite em recorrer ao fórum.

Bons estudos, Isaque!