嵌套的graphql查询

Question

我对 graphql 很陌生，我不知道如何应用这个过滤器。

下面是架构

const GET_TICKETS = gql`
  query Ticket($filter: String) {
    tickets(filter: $filter) {
      id
      title
      firstname
      lastname
      gender
      contactnumber
      email
      address
      pincode
      location
      emergency_type
      priority
      descriptionof_assistance
      date_created
      status
      work_items {
          id
          status
          service
          volunteers {
              volunteer_id
              volunteer_name
              status_of_acceptance
          }
      }
    }
  }
  `;

我想获取工作项包含给定志愿者的所有票

在 workitems.volunteers 中获取志愿者的票 ....类似这样的东西

Answer 1

当你使用useQuery时，函数触发器上有一个可选的第二个参数或useLazyQuery。

来自官方文档的示例。

useQuery

  const { loading, error, data } = useQuery(GET_DOG_PHOTO, {
    variables: { breed },
  });

所以在你的情况下应该是

  const { loading, error, data } = useQuery(GET_TICKETS, {
    variables: { filter: "the filter value" },
  });

useLazyQuery 将如下所示：

  const [getTickets, { loading, error, data }] = useLazyQuery(GET_TICKETS);

  //..... somewhere else
  getTickets({variables: {filter: "filter value"}})

参考：https://www.apollographql.com/docs/react/data/queries/