在同一文件中使用GraphQl查询和突变

发布于 2025-02-11 15:54:32 字数 976 浏览 1 评论 0原文

    const QUERIES = gql`
    query {
    getGrades {
        grade_info
        id
    }

    getSubjects {
        id
        subject_info
    }

    getSchools {
        school_name
        id
    }
    }
    `;

    const MUTATIONS = gql`
    mutation {
        createTeacher(
        first_name: ${firstName}
        last_name: ${lastName}
        phone: "${number}
        email: ${email}
        subjectRef: ["6287323efe0b204eee241cc5"]
        gradeRef: ["62872b8b0023e0dcc9c5a703"]
        schoolRef: "62ab59edde044d104f10e5a9"
        ) {
        id
        first_name
        last_name
        phone
        email
        email_verified
        approved
        number_verified
        }
    }
    `;

    const { loading, error, data } = useQuery(QUERIES);
    const [mutateFunction, { data, loading, error }] = useMutation(MUTATIONS);

这是使用React中的GraphQl查询。 但是我的数据变量在查询和突变中

如何处理如何处理情况?

请看看。

如果将数据更改为其他东西,则无法正常工作。

    const QUERIES = gql`
    query {
    getGrades {
        grade_info
        id
    }

    getSubjects {
        id
        subject_info
    }

    getSchools {
        school_name
        id
    }
    }
    `;

    const MUTATIONS = gql`
    mutation {
        createTeacher(
        first_name: ${firstName}
        last_name: ${lastName}
        phone: "${number}
        email: ${email}
        subjectRef: ["6287323efe0b204eee241cc5"]
        gradeRef: ["62872b8b0023e0dcc9c5a703"]
        schoolRef: "62ab59edde044d104f10e5a9"
        ) {
        id
        first_name
        last_name
        phone
        email
        email_verified
        approved
        number_verified
        }
    }
    `;

    const { loading, error, data } = useQuery(QUERIES);
    const [mutateFunction, { data, loading, error }] = useMutation(MUTATIONS);

Here is my graphql query using in react .
But my data variable conflicting in query and mutation

How to handle the situation ?

Please take a look .

If am changing data to something else it is not working.

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

眼藏柔 2025-02-18 15:54:32

您正在使用破坏性的分配来提取字段数据,错误,加载从USEQUERY和USEMONT的响应中提取。
破坏性的屁股操作员允许重命名变量(请找到比我用作示例的更好的变量名称;-))

示例:

const { loading: loadingQueries, error: errorQueries, data: dataQueries } = useQuery(QUERIES);

//use
console.log(loadingQueries);

可以将其应用于USEMUNT。

You are using a destructuring assignment in order to extract the fields data, error, loading from the response of useQuery and useMutation.
The destructuring assingment operator allows renaming the variables (please find better variable names than I used as an example ;-) )

Example:

const { loading: loadingQueries, error: errorQueries, data: dataQueries } = useQuery(QUERIES);

//use
console.log(loadingQueries);

The same can be applied for useMutation.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文