Empresas
Empleos
  • Sobre nosotros
  • Soluciones
    • Publicación de vacantes
      Publica tu vacante y recibe candidatos calificados en 48h.
    • Evaluación de candidatos
      500+ pruebas técnicas y psicológicas, más anti-fraude.
    • Headhunting
      Búsqueda ejecutiva a la medida de principio a fin.
    • Nómina + EOR
      Dispersión de nómina y EOR en más de 15 países de LATAM.
  • Precios
  • Empleos

0

199
Vistas
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 Respuestas
Responde la pregunta

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 Denunciar
Responde la pregunta
Encuentra empleos remotos

¡Descubre la nueva forma de encontrar empleo!

Top de empleos
Top categorías de empleo
Empresas
Publicar vacante Precios Comercial
Legal
Términos y condiciones Política de privacidad
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Recomiéndame algunas ofertas
Necesito ayuda