JavaScript/GraphQL 有条件地添加片段

Question

我有一个 JavaScript 函数，它向一个 graphQL 端点发送一个 fetch 请求。 我的目标是根据传递给 JavaScript 函数的参数向我的 graphQL 查询添加一个片段，例如，我的函数如下所示：

const getEvent = async (id, lang) => {
    const data = await fetchAPI(`
        fragment EventFields on Event {
            title
            slug
            date
        }
        fragment BnFields on Event {
            bn {
                content
                subtitle
            }
        }
        query fetchEvent($id: ID!, $idType: EventIdType!) {
            event(id: $id, idType: $idType) {
                ...EventFields
                content
            }
        }
    }
}

如果getEvent函数的 lang 参数等于bn我想添加BnFields片段。 我知道我可以通过根据lang参数声明两个单独的查询来实现这一点，但我想知道在 graphQL 本身内部是否有更优化的方法来添加基于变量的片段。 任何帮助将非常感激。

Answer 1

这正是@include指令的优点：

query fetchEvent($id: ID!, $idType: EventIdType!, $isBn: Boolean!) {
    event(id: $id, idType: $idType) {
        ...EventFields
        ...BnFields @include(if: $isBn)
        content
    }
}

然后，将isBn: lang === 'bn'到与查询一起传递的变量中。