UserListWidget
次のコンテナ定義を持つコンポーネントがあります。
fragments: {
users: () => Relay.QL`
fragment on User @relay(plural: true) {
id
displayName
}
`
}
ユーザーの接続をプレーンなリストとしてレンダリングする必要がある親コンポーネントもあります。ただし、次の場合は機能しません。
<UserListWidget users={userConnection.edges.map(edge => edge.node)} />
エラーで失敗します:
Invariant Violation: RelayContainer: Invalid prop `users` supplied to `UserListWidget`, expected element at index 0 to have query data.
UserListWidget
ユーザーの単純なリストの代わりに userConnection を受け入れるように変更することはオプションではありません。これは汎用コンポーネントであり、他の親コンポーネントは接続ではなくユーザーのリストのみを提供するためです。
だから、どういうわけか接続をノードの単純なリストとして扱う方法があるはずだと思いますか?