Я новичок в этом graphql, поэтому я пытаюсь достичь здесь, мне нужно вызвать два запроса параллельно, в основном объединяя запросы и получая загрузку за один раз.
здесь я разделил запросы и использование двух состояний загрузки, мне нужно объединить их, как compose.
Пример использования: пользователь нажимает кнопку на кнопке click, я передаю идентификатор, нажимаю оба запроса и получаю список данных
<Button
text="Details"
onClick={() => {
getNames({ variables: { location_id: Number(location_id) } });
getSchools({ variables: { location_id: Number(location_id) } });
}}
>
const [getNames, { loading: namesLoading, data: namesData }] = useLazyQuery(
GET_NAMES
);
const [
getSchools,
{ loading: schoolsLoading, data: schoolsData },
] = useLazyQuery(GET_SCHOOLS);
const GET_NAMES = gql`
query get_names($location_id: Int!) {
get_names(location_id: $location_id) {
id
name
}
}
`;
const GET_SCHOOLS = gql`
query get_schools($location_id: Int!) {
get_schools(location_id: $location_id) {
schools {
id
name
}
}
}
`;
При разделении я могу видеть данные, я использую «@ apollo / response-hooks», чтобы получить данные с помощью useLazyQuery, как я могу достичь с помощью этого одного запроса. Таким образом, вместо многократной загрузки, данные об ошибках могут быть единственными
Не удалось найти ни одного хука compose из этой библиотеки