javascript — связывание деревьев запросов без «Отрисовано больше хуков, чем во время предыдущего рендеринга»

связывание деревьев запросов без «Отрисовано больше хуков, чем во время предыдущего рендеринга»

Это клиент apollo, использующий ссылку rest. У меня есть 2 API, которые мне нужно нажать, 1 со значением и идентификатором записи, и еще один API, который дает мне больше информации о записи. Затем я сшиваю информацию для содержимого, которое я рендую. Нет … нет gql бэкэнда, просто пытаюсь сделать шаг вперед и подключить клиента. Я пытаюсь сделать это с помощью таких крючков, как

 const {data: recordsById = {}, loading: loading1} = useQuery(firstQuery, {variables: {sectionId}}) const records = Object.keys(recordsById).map((recordId) ={amp}gt; { const {data} = useQuery(secondQuery, {skip: loading1, variables: {sectionId, recordId}}) return { id: recordId, value: recordsById[recordId], info: data, } }) 

Очевидно, что когда firstQuery отвечает объектом, подобным {fooId: 'something', barId: 'else'} , в следующем рендере появляется больше эффектов useQuery. Как правильно выполнить последовательный запрос, подобный этому, с помощью apollo?

Понравилась статья? Поделиться с друзьями:
JavaScript & TypeScript
Adblock
detector