0

Начал знакомиться с React-Redux, axios, async ну и т.д. Помогите найти причину, по которой на сервер с клиента дублируются запросы в некоторых случаях.введите сюда описание изображения

Как я предполагал, одним из проблемных мест мог бы массив зависимостей в useEffect, но с ним вроде все в порядке: введите сюда описание изображения

Сам файл, где происходит обращение к API: введите сюда описание изображения введите сюда описание изображения

Сначала был один useEffect, потом разбил его на 2-а, но это не помогло. Пытался через react devtools найти причину, но пока не хватает понятия, куда и зачем следить. Приложение пока маленькое, поэтому прошу помочь разобраться с проблемой.

3
  • 1
    у вас включен react strict mode
    – xydope
    29 апр 2022 в 12:10
  • @xydope в проде этот режим не используется?
    – newbie
    29 апр 2022 в 12:16
  • да, используется
    – xydope
    29 апр 2022 в 13:48

1 ответ 1

0

Во первых в массив зависимотей не надо пихать dispatch

Во вторых у вас оба useEffect-а сначала отрабатывают, когда компонента запускается, а во второй раз, когда менются переменные productsLoaded и filtersLoaded

Вам наверное надо убрать переменные из массива зависимостей, но оставить пустой массив, чтобы запросы были ровно 1 раз (но каждый раз), когда компонента будет загружена. Либо поставить туда другую переменную, которая будт меняться именно так как вам надо

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими пользовательским соглашением, политикой конфиденциальности и политикой о куки

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.