Estoy aprendiendo a usar GraphQL y React en el proyecto de otra persona y estoy tratando de entender cómo funciona todo junto.

Hay un objeto, llamémoslo Muro. Este muro tiene una relación has_many con el objeto Painting. Ya existe un componente llamado PaintingList. En el componente Muro, quiero representar una lista de todas las Pinturas que le pertenecen.

Se crean todas las consultas, pero solo necesito representarlas correctamente en el front-end.

Todo esto es muy abstracto para mí en este momento y lo siento si no está claro …

Componente de la pared:

const Wall = ({ Wall }) ={amp}gt; { return( Some data from the wall Display all Paintings belonging to the wall ); }; 

Para cada pared quiero mostrar las Pinturas que le pertenecen. Dado que el muro tiene muchas pinturas y la pintura tiene un muro, ¿significa esto que hay una forma más sencilla de representarlas, o necesito comparar las identificaciones?

Sin saber cómo luce Wall es difícil, pero debe usar Array.map y devolver JSX para cada pintura. Aquí hay un ejemplo arbitrario

 const Wall = ({ Wall }) ={amp}gt; { return ( {amp}lt;div{amp}gt; {Wall.title} {amp}lt;ul{amp}gt; {Wall.paintings.map(painting ={amp}gt; { return {amp}lt;li{amp}gt;{amp}lt;img src={painting.src} /{amp}gt;{amp}lt;/li{amp}gt; })} {amp}lt;/ul{amp}gt; {amp}lt;/div{amp}gt; ); };