react中的steps组件怎么写成动态的呢？

Question

<Steps progressDot current={1}>

<Step title="Finished" description="This is a description." />
<Step title="In Progress" description="This is a description." />
<Step title="Waiting" description="This is a description." />

</Steps>,
根据后台传的数据而动态显示多少个step

Answer 1

假设list 是 后台传过来的数据

    const list = [
    { id: 1, name: '郭德钢' }, 
    { id: 2, name: '周杰轮' }, 
    { id: 3, name: '人生海海' },
    ]

<Steps progressDot current={1}>
    {
        list.map((item) => {
            return (
                <Step key={item.id} title={item.name} description={item.name} />
            )
        })
    }
</Steps>

很简单