nasıl alınır RelayJS GraphQL bir yanıt Bir GraphQL sunucu kabaca böyle bir şema ile çalışan öğelerin bir dizi değil, sadece tek bir öğe

Question

olduğunu anlamak için Tek bir kartta, ancak aynı zamanda birden fazla kartta sorgulama. GraphIQl UI kullandığımda ve bu "sorgu {cards {name}}" gibi bir sorgulama yaptığımda, beklendiği gibi bir dizi kart alırım. Ancak, aynı sorguyu yapan bir RelayContainer'ım var, ancak geri gelen sahne sonuçları bir dizi sonuçtan ziyade sadece ilk sonuçtur. Üste | Geri Bildirim Ver Daha fazla bilgi Daha fazla bilgi edinin: http://support.microsoft.com/contactus/index.aspx.

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 
     } 
    `, 
    }, 
}); 

Herkes herhangi bir öneriniz var:

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')} 
     } 
    ` 
    }, 
}); 

ve CardList bileşeni

böyle Kabı ile kurulur? Bu, GraphQL ve Relay'a dalış yaptığım 2. gündür, bu yüzden bildiğim her şey için çok basit bir hata yapıyor olabilirim.

Answer 1

Muhtemelen,sorgu bölümünüzde bir @relay(plural: true) yönergesini isteyebilirsiniz. Röle repo'unda in the Star Wars example eyleminde çoğul bir alan örneği vardır.

Ancak, sayfa numaralandırmayı önemsiyorsanız, çoğul bir alan yerine bir bağlantı isteyebilirsiniz. Bağlantılar in the Relay docs olarak tarif edilmiş ve graphql-relay-js'da uygulanmıştır.