Задать вопрос
@cajo
javascript

Почему componentDidUpdate вызывает бесконечный цикл?

У меня есть Link на страницу, на этой странице я вызываю в componentDidMount action который берет данные с сервера, когда я перехожу на эту страницу данные не берутся а выскакивает ошибка 403, после обновления страницы всё нормально, чтобы это обойти я сделал
componentDidMount() {
        this.props.loadData();
    }

    componentDidUpdate(prevProps) {
        if (prevProps.data !== this.props.data) {
            this.props.loadData();
        }
    }

Но теперь получается бесконечный цикл
  • Вопрос задан
  • 776 просмотров
10 комментариев
Подписаться 1 Оценить 10 комментариев
Решения вопроса 1
doodoo
@doodoo
Если я правильно вас понял, то prevProps.data и this.props.data - это объекты.
Могу предположить каждый раз это ссылки на разные объекты, и вам нужно сравнивать конкретные свойства объекта.
Можно воспользоваться lodash и сделать так:
componentDidUpdate(prevProps) {
    if (!_.isEqual(prevProps.data, this.props.data)) {
        this.props.loadData();
    }
}
Ответ написан
1 комментарий
1 комментарий
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
JavaScript разработчик
SummerWeb • Ярославль
от 100 000 до 140 000 ₽
JavaScript разработчик
вАйТи
от 5 000 до 25 000 ₽
JavaScript Fullstack
OnClass
от 200 000 до 600 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Написать индикатор на TradingView по хаям/лоям дня недели
25 апр. 2024, в 08:45
4000 руб./за проект
Вычислить размер объекта по карте глубин
25 апр. 2024, в 07:37
5000 руб./за проект
Спарсить TON PLACE: скрейпинг фото и текста с анкет по списку URL
25 апр. 2024, в 05:57
3000 руб./за проект
Ещё заказы