在react中显示加载百分比

import React, { Component } from 'react';

class LoadingPercentage extends Component {
  constructor(props) {
    super(props);
    this.state = {
      percentage: 0,
    };
  }

  componentDidMount() {
    this.updatePercentage();
  }

  updatePercentage() {
    setTimeout(() => {
      if (this.state.percentage < 100) {
        this.setState((prevState) => ({
          percentage: prevState.percentage + 10,
        }));
        this.updatePercentage();
      }
    }, 1000);
  }

  render() {
    return (
      <div className="loading-percentage">
        Loading: {this.state.percentage}%
      </div>
    );
  }
}

export default LoadingPercentage;