尝试使用 graphql 查询传递参数时出错

Question

我有下面的 graphl api 查询，我正在使用它从带有对象的 React Front 应用程序发送数据以获得所需的结果

    {
  allSectionRequests(data:{
    requestStageName:"Request Submitted"
  }){
    section
    type
   }
 }

然后我尝试像下面这样从 React 传递变量

     export const GET_SECTIONREQUESTS = gql`
query AllSectionRequests($data: sectionRequestParamsInput){
    allSectionRequests(data: $data){
    section
    type       
  }
 }
`;

我在下面附上了我需要发送到 graphql api 的图像

下面是我将在组件内部调用查询然后将 data 对象传递给 graphql api

的反应代码

  const { data: dashBoardData, loading: dashBoardDataLoading, error: dashBoardDataError } = useQuery(GET_SECTIONREQUESTS, {
variables: { data: { requestStageName: 'Request Submitted' } },
});

我遇到如下错误

The variable **data** type is not compatible with the type of the argument **data**.
↵Expected type: SectionRequestParamsInput.

我不确定这段代码哪里做错了，有人可以帮忙解决这个问题吗。

非常感谢

Answer 1

我已使用以下解决方案解决了我的问题

 export const GET_SECTIONREQUESTS = gql`
   query AllSectionRequests($sectionRequestParamsInput: SectionRequestParamsInput){
    allSectionRequests(data: $sectionRequestParamsInput){
    id
    section
    type
    createdBy
    description
    status
    age    
  }
 }
`;

然后像这样更改我的输入参数

 const { data: dashBoardData, loading: dashBoardDataLoading, error: dashBoardDataError } = useQuery(GET_SECTIONREQUESTS, {
variables: { sectionRequestParamsInput: { requestStageName: 'Request Submitted' } },
});

我希望这对任何正在寻找传入参数的 graphql api 查询的人有所帮助。

尝试使用 graphql 查询传递参数时出错

Trying to pass parameter with graph ql query getting an error

javascript

reactjs

graphql

react-apollo

apollo-client