Как можно совместить useMemo и useEffect?

Question

[DMITRY Chernenkiy]

Есть компонент который принимает id персонажа, отправляет на сервер graphQL-запрос спрашивая параметры персонажа.
Беда в том что у компонента есть еще useState и он частотно переведывается из-за смены состояния. GraphQL-запрос тяжел приложение тормозит.
Пробовал прямо совать graphQL-запрос в useMemo но выдает ошибку "Error: Rendered fewer hooks than expected. This may be caused by an accidental early return statement". Возможно из-за того что в конце стоит иф который показывает лоадер пока не придет ответ, да и дока напрямую запрещает запросы в useMemo https://ru.reactjs.org/docs/hooks-reference.html#u...
Вопрос как мемоизировать результаты запроса чтобы их не слать при каждем рендере ?

Comments

[antares4045]

А код можно, или nda? Прост вы абсолютно точно не в ту сторону воюете, но конкретный истрчник проблемы я из вашего описания не увидел (а я, вроде как, способный). Перевызов useEffect из-за того, что где-то рядом просто тусит useState точно не бывает, скорее всего в зависимостях эффекта что-то лишнее, но всякое может случится.

[Aetae]

^this

useEffect(() => {
  запрос(id)
}, [id]);

Будет срабатывать тогда и только тогда, когда id меняется.
Так что либо у тебя меняется id и тогда ищи где, или помимо id в зависимостях ещё что-то лежит лишнее.

[DMITRY Chernenkiy]

antares4045, NDA((

[antares4045]

DMITRY Chernenkiy, ну в таком случае присоединяюсь к комментарию Aetae, и наши полномочия тут всё)

[Aetae]

Кстати есть ещё один редкий случай: когда говнокодеры сломали реакт и компонент пресоздаётся на ровном месте.
Проверить это можно просто: console.log(useState(Math.random())[0]); если число меняется без видимой причины - проблема где-то выше.