鍍金池/ 問答/HTML/ react中的steps組件怎么寫成動(dòng)態(tài)的呢？

react中的steps組件怎么寫成動(dòng)態(tài)的呢？

<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>,
根據(jù)后臺(tái)傳的數(shù)據(jù)而動(dòng)態(tài)顯示多少個(gè)step

回答
編輯回答
替身

假設(shè)list 是 后臺(tái)傳過來的數(shù)據(jù)

    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>

很簡單

2017年1月25日 03:37