почему componentDidUpdate запускается несколько раз

Question

Я действительно не понимаю реактивный жизненный цикл. Я запустил console.log в componentDidUpdate () и увидел, что он запускался несколько раз Консоль показала, что componentDidUpdate запускался 3 раза

Answer 1

Может быть, я могу дать вам дополнительный пример, когда ваша проблема возникает, так как я не вижу ваш код.

componentDidUpdate(prevProps, prevState) {
        const { something } = this.props;
        if (prevProps.something !== something) this.apiCall();
        console.log('something')
}

при изменении состояния или реквизита вызывается componentDidUpdate, и функция apiCall отправляет http-запрос через fetch или axios и дважды изменяет состояние с помощью функции setState.

всякий раз, когда state изменяется, вызывается новый render() и следует componentDidUpdate.

но состояние

if (prevProps.something !== something) this.apiCall();

может больше не удовлетворяться, просто ведение журнала консоли вместо вызова apiCall функции, которая запускает бесконечный цикл.

надеюсь, это поможет.

Answer 2

componentDidUpdate() вызывается сразу после того, как происходит обновление.

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

, если вы новичок вНа самом деле, я рекомендую вам прочитать следующую статью: Пост-рендеринг с componentDidUpdate ()