Прогресс бар увеличение приоритета на нагрузке

Question

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

Надеюсь, ты меня понимаешь.

Спасибо.

SMAPLE CODE

class App extends React.Component {
  constructor(props) {
    super(props);
    this.state = {
      percent: 0
    };
  }

  componentDidUpdate() {
    let percent = this.state.percent;
    for (; percent < 40; percent++) {
      this.setState({
        percent: percent
      });
    }
  }
  render() {
    return (
      <div>
        <Progress percent={this.state.percent} />
      </div>
    );
  }
}

Answer 1

У вас есть процентный цикл в componentDidUpdate. Так что он не сработает, пока компонент не будет обновлен (чего больше нет в вашем коде). Если вы измените его на componentDidMount, он сразу же начнет цикл. Просмотрите методы жизненного цикла React и время их запуска.