Как дождаться данных и выполнить useEffect один раз?

Question

[DevilPrado]

Я хочу совершить определенное действие, когда мне придут данные с сервера.
стандартно я могу это сделать следующим образом

useEffect(()=>{
...code
},[serverData])

но Проблема в том, что мне надо дождаться этих данных, выполнить определенные действия в useEffect один раз, и больше не выполнять, а "serverData" в других кусках кода меняется, и вызывает повторное выполнение useEffect.
Есть может какие альтернативы помимо useEffect, как это можно сделать?

Comments

[WbICHA]

а "serverData" в других кусках кода меняется

Так не используй этот стейт.

[Илья Зайченко]

Попробуй убрать из эффекта свои зависимости, он отработает один раз при первом монтировании странички и тогда он не будет обновляться сам.

[DevilPrado]

Илья Зайченко, пробовал, но он тогда не отрабатывает вообще

[Илья Зайченко]

DevilPrado, а ты в сам юз эффект где у тебя ...code написал сетстейт данных? Попробуй писать консоль логи снизу юзэфекта. Возможно когда ты смотрел данные консоль лог не отрабатывал из-за того что он происходил до того как отрабатывал useEffect

[DevilPrado]

Илья Зайченко, я в том плане, что он с пустым массивом зависимостей не может поймать данные с запроса, оттого начинает говорить Cannot read properties of null (reading 'id').

[Илья Зайченко]

DevilPrado, При первичном рендере должен поймать данные и сохранить возможно какая-то проблема очевидная прям, скидывай код.

Answer 1

[Alexandroppolus]

Выполняй это своё "определенное действие", когда получил данные и записываешь их в стейт.

Comments

[DevilPrado]

Ты настоящий КЭП!(нет)

[Alexandroppolus]

DevilPrado, это не я, это они: https://beta.reactjs.org/learn/you-might-not-need-...

Непонятно, что есть serverData, что делается в колбэке useEffect, каков жизненный цикл компонента с этим хуком. Твоя идея выглядит как хрупкая.

Answer 2

[drotsyk]

Создать ещё один useEffect без действия?Не знаю правильно ли создавать два useEffect в одном компоненте