Как удалить функциональную зависимость из обновления диспетчеризации состояния - PullRequest
Новая
       1

Как удалить функциональную зависимость из обновления диспетчеризации состояния

0 голосов
/ 19 июня 2020

Проблема, с которой я сталкиваюсь, заключается в том, что у меня есть элемент в состоянии с именем foo, а затем у меня есть useCallBack, который запускает серию отправок и ссылается на элемент состояния foo.

Я также запускаю UseEffect при загрузке страницы для обработки любых изменений из базы данных.

Проблема, с которой я столкнулся, заключается в следующем:

  1. Страница загружается
  2. useEffect запускает и загружает данные с сервера
  3. useEffect запускает свой код и при необходимости вызывает useCallBack, который является зависимостью от useEffect
  4. useCallback запускает серию рассылок, которые обновляют foo
  5. Элемент состояния foo изменен
  6. useCallback наблюдает foo и обновляет
  7. useEffect наблюдает за useCallback и по мере его изменения запускается снова
  8. Шаги 3-7 повторяются бесконечно

Пример в формате кода: 

const { state, dispatch } = React.useContext(AppContext};
const { foo } = state;

const handleBar = React.useCallBack((bar: IBarType) => {
    const bar_exists = _.find(foo, {id: bar.id});
    if (bar){
        dispatch({ type: 'rainbows', payload: bar });
    } else {
        dispatch({ type: 'clouds', payload: bar });
    }
}, [foo]}

React.useEffect(() => {
    serverFunction...
    if (x){
       handleBar(data)
    }
}, [handleBar]}

Я предполагаю, что зависимость от foo в обратном вызове handleBar вызывает бесконечное l oop, я знаю, что вы можете удалить e зависимость от reactHook, используя что-то вроде setState(bar => bar ...).

Однако я просто не могу применить те же правила к функции handleBar.

Я пробовал const bar_exists = _.find(foo: as IFooType => foo, { id: bar.id}); не повезло.

...