如何将 RelayJS 连接转换为普通数组？答案

【问题标题】：How to convert RelayJS connection to plain array?如何将 RelayJS 连接转换为普通数组？
【发布时间】：2015-11-24 02:01:33
【问题描述】：

有一个组件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 而不是普通的用户列表不是一种选择，因为它是一个通用组件，其他父组件将只提供用户列表，而不是连接。

所以我想应该有一种方法可以以某种方式将连接视为简单的节点列表？

【问题讨论】：

标签： relayjs

【解决方案1】：

如果父组件不包含子片段，则可能会发生此错误。父母是否包括userConnection(...) { edges { node { ${UserListWidget.getFragment('users')} } } }？

【讨论】：