relayjs - 如何将 RelayJS 连接转换为普通数组？

Question

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

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

score 2 · Accepted Answer

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

1 回答 1