在 React Js 中的突变请求时在 GraphQL 中获得 400

Posted

技术标签:

【中文标题】在 React Js 中的突变请求时在 GraphQL 中获得 400【英文标题】:Getting 400 in GraphQL while mutation request in React Js 【发布时间】:2022-01-12 11:39:42 【问题描述】:

这是我尝试过的 我取了变量activityidmemberid

  const EnrollActivityMutation = gql`
        mutation ($activityid: String!, $memberid: String!) 
            createActivityEnrollment(
                data: 
                    activity:  connect:  id: $activityid  
                    member:  connect:  id: $memberid  
                
            ) 
                member 
                    name
                
                id
                activity 
                    name
                
            
        
    `;

  const [createActivityEnrollment,  data, loading, error ] = useMutation(
        EnrollActivityMutation
    );

  createActivityEnrollment(
            variables: 
                activityid,
                memberid
            
        )
            .then(( data ) => 
                console.log(data);
            )
            .catch((error) => 
                console.log(error);
            );

我收到400 Bad Request 的错误 http://localhost:3000/api/graphql 400 (Bad Request)

我不确定变量是否有问题。

【问题讨论】:

【参考方案1】:

 const EnrollActivityMutation = gql`
        mutation ($activityid: ID!, $memberid: ID!) 
            createActivityEnrollment(
                data: 
                    activity:  connect:  id: $activityid  
                    member:  connect:  id: $memberid  
                
            ) 
                member 
                    name
                
                id
                activity 
                    name
                
            
        
    `;

【讨论】:

您的答案可以通过额外的支持信息得到改进。请edit 添加更多详细信息,例如引用或文档,以便其他人可以确认您的答案是正确的。你可以找到更多关于如何写好答案的信息in the help center。

以上是关于在 React Js 中的突变请求时在 GraphQL 中获得 400的主要内容,如果未能解决你的问题,请参考以下文章

突变后 React Apollo 客户端道具 refetchQueries

对象作为突变中的输入变量:GraphQL - Apollo - React

Next.js 在 GraphQL 突变内重定向

如何在使用表单组件时在 apollo-client 中链接突变

React native 的中继突变返回 400 错误请求?

如何使用 React.js 进行突变?