graphql - 如何在中继片段中连接变量

Question

当我们使用时类似${Component.getFragment('fragment')}，有没有一种方法可以简单地将变量与中继片段内的有效查询连接起来？与此类似：

const query = `
    allFriends {
        id
    }
`

Relay.createContainer(Component, {
    fragments: {
      viewer: () => Relay.QL`
        fragment on Query {
          allUsers {
            id
          }

          ${query}

        }
      `
    }
});

谢谢！

Answer 1

RelayQL 插件允许您通过将片段定义为变量来执行此操作。请参阅RelayQL 文档页面上的示例或查看以下示例：

在这里，我在电子邮件类型上创建了一个片段，我可以将该片段注入到电子邮件类型的任何字段中，例如Interview#email 或 User#email：

const emailFragment = Relay.QL`
  fragment on Email {
    from
    to
    body
    subject
  }
`;

export default Relay.createContainer(Component, {
  initialVariables: {
    emailId: $emailId
  },
  fragments: {
    interview: () => Relay.QL`
      fragment on Interview {
        recordId
        email {
          ${emailFragment}
        }
      }
    `,
    viewer: () => Relay.QL`
      fragment on User {
        recordId
        email(id: $emailId) {
          ${emailFragment}
        }
      }
    `
  }
});