试图通过图ql查询传递参数时遇到错误

时间:2019-12-10 20:00:58

标签: javascript reactjs graphql react-apollo apollo-client

我在下面的graphl api查询中,使用该查询从对象的React Front App发送数据以获得所需结果

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

然后我尝试通过下面的反应传递变量

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

我已将需要发送的图像附加到下面的graphql api

enter image description here

以下是我将在组件内部调用查询,然后将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.

我不确定这段代码在哪里做错了,任何人都可以帮忙解决这个问题。

非常感谢

1 个答案:

答案 0 :(得分:0)

我已通过以下解决方案纠正了我的问题

 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查询的人有所帮助。