Business
Jobs
  • About Us
  • Solutions
    • Job Postings
      Post your job and receive qualified candidates in 48h.
    • Candidate Assessments
      500+ technical and psychological tests, plus anti-fraud.
    • Headhunting
      Tailor-made executive search from start to finish.
    • Payroll + EOR
      Payroll dispersal and EOR across 15+ LATAM countries.
  • Pricing
  • Jobs

0

202
Views
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 answers
Answer question

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 Report
Answer question
Find remote jobs

Discover the new way to find a job!

Top jobs
Top job categories
Business
Post vacancy Pricing Sales
Legal
Terms and conditions Privacy policy
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Show me some job opportunities
There's an error!