Я использую компонент Graphiql для визуализации консоли и хочу получить схему с помощью запроса самоанализа. Проблема в том, что если компонент выполняет повторный рендеринг до того, как будет разрешен первый запрос самоанализа (скажем, например, открывается модальное окно), второй запрос самоанализа запускается. Учитывая, что эти запросы дороги для серверной части, я бы хотел избежать этого.
Есть ли способ избежать множественных запросов самоанализа?
Компонент GraphiQL принимает опору schema:
schema: экземпляр GraphQLSchema илиnull, если он не будет использоваться. Если указаноundefined, GraphiQL отправит запрос самоанализа, используя сборщик для создания схемы.
Вы можете использовать getIntrospectionQuery, чтобы получить полную схему интроспекции, получить результат интроспекции и затем использовать его для построения схемы.
const { getIntrospectionQuery, buildClientSchema } = require('graphql')
const response = await fetch('ENDPOINT_URL', {
method: 'post',
headers: { 'Content-Type': 'application/json' },
body: { query: JSON.stringify(getIntrospectionQuery()) },
})
const introspectionResult = await response.json()
const schema = buildClientSchema(introspectionResult.data)
Сделайте это перед рендерингом компонента, а затем просто передайте схему как опору. Если ваша схема не изменится, вы также можете просто сохранить результат интроспекции в файл и использовать его вместо запроса сервера.
