javascript - 如何更改查询值(其中 : { }) with Apollo GraphQL

Question

使用 graphQL，我们可以通过“where”获取数据

query{
  activities(where: {date: "2020-08-01"}){
    date
    collect
  }
}

如何将日期值更改为参数？

我试试这个:

let date = "2020-01-08"
const { loading, error, data } = useQuery(GET_ACTIVITY, {
    variables: {
      input: {
        where: { date: date }
      }
    }
  });

Answer 1

首先是schema definition来自你的后端必须是这样的:

type Activity {
  date: String
  collect: String
  ...
}

type Query {
  activities(date: String): [Activity]
  ...
}

然后在前端使用 @apollo/client 中的 gql 函数创建查询:

import { gql, useQuery } from '@apollo/client';

...

const GET_ACTIVITY = gql`
  query Activities($date: String!) {
    activities(date: $date){
      date
      collect
    }
  }
`;

最后这样调用它:

let date = "2020-01-08";
const { loading, error, data } = useQuery(GET_ACTIVITY, {
  variables: {
    date
  }
});

有关查询的更多信息:https://www.apollographql.com/docs/react/data/queries