Empresas
Empregos
  • Sobre nós
  • Soluções
    • Publicação de vagas
      Publique sua vaga e receba candidatos qualificados em 48h.
    • Avaliações de candidatos
      Mais de 500 testes técnicos e psicológicos, mais anti-fraude.
    • Headhunting
      Busca executiva personalizada do início ao fim.
    • Folha de Pagamento + EOR
      Dispersão de folha e EOR em mais de 15 países da LATAM.
  • Preços
  • Empregos

0

198
Visualizações
Relaciones de consulta dentro de Apollo/Client

Estoy tratando de consultar mis categorías dentro de mi producto. Creé una tabla en la que quiero ver las categorías de mi tabla de productos. Estoy usando Prisma como mi typeORM y Apollo como una forma de consultar mi base de datos de Postgres. Por favor, vea la foto adjunta de mi mesa. Tengo categorías que están dentro de mi modelo de producto.

Aquí está mi función de consulta usando mi UseQuery Hook de Apollo/Client.

 const AllProductsQuery = gql` query { products { id name description img price ingredients categories { id name } } } `

Lo que pensé que esto haría es que, dado que estoy consultando las categorías dentro de los productos, podría obtener esa información. Sin embargo, ni siquiera es la consola que registra esos datos.

Esto es lo que tengo

 <Table striped bordered hover > <thead> <tr> <th>Product</th> <th>Category</th> <th>Price</th> </tr> </thead> {data && data.products.map((product: Product, categories: Category) => { return ( <tbody> <tr> <td>{product.name}</td> <td>{product.categories.name}</td> <td>{product.price}</td> </tr> </tbody> ) })} </Table>

Sin embargo, esto ni siquiera muestra la información de las categorías dentro de mis productos en el registro de la consola. Product.name y Product.price funcionan perfectamente, sin embargo, trato de ejecutar lo mismo con product.categories.name no funciona. ¡Cualquier información sería genial!

Imagen de mi Mesa

about 4 years ago · Juan Pablo Isaza
1 Respostas
Responde à pergunta

0

En este código que envió, está cambiando el nombre del product a Product en data.products.map .

Si recibiste categorías del servidor, como te pedí en el comentario, prueba este código

 <Table striped bordered hover> <thead> <tr> <th>Product</th> <th>Category</th> <th>Price</th> </tr> </thead> {data && data.products.map((product) => { return ( <tbody> <tr> <td>{product.name}</td> <td>{product.categories.name}</td> <td>{product.price}</td> </tr> </tbody> ); })} </Table>
about 4 years ago · Juan Pablo Isaza Relatório
Responde à pergunta
Encontrar trabalhos remotos

Descubra a nova forma de encontrar um emprego!

melhores empregos
Principais categorias de trabalho
Empresas
Postar vaga Preços Comercial
Jurídico
Termos e Condições Política de privacidade
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Recomende algumas ofertas para mim
Preciso de ajuda