SOURCE

const { useState, useEffect } = React;

const statusMap = {
    success: {
        text: '成功',
    },
    running: {
        text: '进行中',
    },
    waiting: {
        text: '等待',
    },
}
function getProgress(p) {
    return new Promise((resolve) => {
        p = Math.min(100, p + parseInt(10 * Math.random()));
        setTimeout(() => {
            resolve(p)
        }, Math.random() * 1000);
    })
}


function TaskList () {
    // 你的代码
    return 123
}

class App extends React.Component {
    render() {
        return (
            <div>
                <TaskList task={[{
                    status: 'waiting',
                    taskName: '新增',
                    progress: 0,
                    type: 'add',
                    id: '1'
                }, {
                    status: 'waiting',
                    taskName: '删除',
                    progress: 0,
                    type: 'del',
                    id: '2'
                }]} />
            </div>
        )
    }

}

ReactDOM.render(
    <App />,
    document.getElementById('root')
);

<div id="root"></div>