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

<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

阅读 3.1k
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>

很简单

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题