Сначала определение схемы из вашего бэкэнда должно быть примерно таким:
type Activity {
date: String
collect: String
...
}
type Query {
activities(date: String): [Activity]
...
}
, затем во внешнем интерфейсе создайте запрос, используя функцию gql
из @apollo/client
:
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