进度条增加负载的百分比

Question

我正在开发一个简单的进度条，使用reactjs和ant设计增加负载百分比，我的问题是我无法达到这个效果。

希望你理解我。

感谢。

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生命周期方法及其触发时间。