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!
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>