Come arrivare RelayJS per capire che una risposta da GraphQL è un array di oggetti, non solo un singolo elemento

Question

ho un server GraphQL in esecuzione con uno schema più o meno in questo modo:

type Card { 
    id: String! 
    name: String 
} 

type Query { 
    card(name: String!): Card 
    cards(power: String): [Card] 
} 

Si noti che ho un interrogare su una singola carta, ma anche su più schede. Quando uso l'interfaccia utente GraphIQl e faccio una query come questa "query {cards {name}}" torno indietro una serie di carte, come previsto.

Tuttavia, ho un RelayContainer che sta facendo la stessa query, ma gli oggetti di scena che ritornano sono solo il primo risultato, piuttosto che una serie di risultati.

class MyApp extends React.Component { 
    render() { 
    return (
     <div> 
     <h1> Hello world!</h1> 
     <CardList cards={this.props.cards} /> 
     </div> 
    ); 
    } 
} 

export default Relay.createContainer(MyApp, { 
    fragments: { 
    card:() => Relay.QL` 
     fragment on Card { 
     name 
     } 
    `, 
    cards:() => Relay.QL` 
     fragment on Card { 
     ${CardList.getFragment('cards')} 
     } 
    ` 
    }, 
}); 

e la componente cardlist è impostato con il contenitore come questo:

class CardList extends React.Component { 
    render() { 
    return <div>{this.props.cards}</div> // UNEXPECTED - this.props.cards is the first card, not an array for me to .map over 
    } 
} 

export default Relay.createContainer(CardList, { 
    fragments: { 
    cards:() => Relay.QL` 
     fragment on Card { 
     name 
     } 
    `, 
    }, 
}); 

Qualcuno ha qualche suggerimento? Questo è il mio secondo giorno di immersione in GraphQL e Relay, quindi potrei fare un errore molto semplice per quanto ne so.

Answer 1

Probabilmente si desidera una direttiva @relay(plural: true) sul frammento di query cards. C'è un esempio di un campo plurale nell'azione in the Star Wars example nel repository Relay.

Se si preoccupa dell'impaginazione, tuttavia, probabilmente si desidera una connessione anziché un campo plurale. I collegamenti sono descritti in the Relay docs e implementati in graphql-relay-js.