axios下载，多个下载并行

1.效果

2.主页面代码

/**
 * @name DownLoad
 * @description 下载进度条
 */
import React, { Component } from "react";
// import axios from "axios";
// import { isDev } from "@/utils/axios";
import { Title } from "@/component";
import { Button, Progress } from "antd";
import { unitConver } from "@/utils";
import { downFileCommon } from "@/utils/downFile";

import styles from "./styles.module.less";

const url1 = "/api-down-progress/uploads/soft/2108/2-210P2135407.rar";

const url2 = "/api-down-progress/uploads/soft/2001/1-200121232528.zip";

export default class DownLoad extends Component {
  state = {
    progress: 0,
    visible: true,
    size: 0,
    filename: ""
  };
  /**
   * 下载
   * @param  {String} url 目标文件地址
   * @param  {String} filename 想要保存的文件名称
   */
  //第1PPT地址-/api-down-progress：跨域代理=》http://ppt.1ppt.com
  proLine = (evt, num) => {
    console.log("evt===", evt);
    this.setState({ ["progress" + num]: parseInt((evt.loaded / evt.total) * 100), ["size" + num]: evt.total });
  };
  download = (url, num) => {
    downFileCommon(url, null, "get", null, null, this.proLine, num);
  };

  render() {
    const { visible, progress1, progress2, size1, size2, filename } = this.state;
    return (