我正在使用 Relay 和 react-router-relay
并尝试组合多个 Relay 容器。内部容器需要一个查询片段变量,该变量必须从路由器向下传递到其父容器。它没有获取此变量。
代码如下:
// A "viewer":
const UserQueries = { user: () => Relay.QL`query { user }` };
// A route to compose a message:
<Route
path='/compose/:id'
component={ ComposeContainer }
queries={ UserQueries }
/>
// A container:
const ComposeContainer = Relay.createContainer(
Compose,
{
initialVariables: {
id: null
},
fragments: {
user: () => Relay.QL`
fragment on User {
${ BodyContainer.getFragment('user') }
// other fragments
}
`
}
}
);
// And the composed container:
const BodyContainer = React.createContainer(
Body,
{
initialVariables: {
id: null
},
fragments: {
user: () => Relay.QL`
fragment on User {
draft(id: $id) {
// fields
}
}
`
}
}
);
BodyContainer
中的 draft 字段永远不会从路由参数中获取 $id
。签名RelayContainer.getFragment()
有参数似乎可以让你传递参数和变量,但我不确定应该如何使用它。
最佳答案
你的 user
片段 <ComposeContainer>
必须是这样的:
user: ({ id }) => Relay.QL`
fragment on User {
${BodyContainer.getFragment('user', { id })}
// other fragments
}
`
此外,当您在 <BodyContainer>
中撰写时来自 <ComposeContainer>
.您还需要传入 id
作为 Prop ,例如
<BodyContainer id={this.props.id} />
另请参阅 https://github.com/facebook/relay/issues/309 中的其他讨论.
关于javascript - 如何使用变量组合查询片段,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34481732/