3 回答

TA貢獻(xiàn)1827條經(jīng)驗(yàn) 獲得超8個(gè)贊
這很簡(jiǎn)單 =)
function Menu(props) {
const list = ['list1', 'list2', 'list3']
const menuitems = list.map((list, index) => {
return <li className={`menuitem item-${index + 1}`} key={index}>{list}</li>
})
return (
<ul>{menuitems}</ul>
)
}
它使用 JSX 表達(dá)式{ - expression code lives here - }。您可以在大括號(hào)之間放置任何有效的JS 表達(dá)式。

TA貢獻(xiàn)1802條經(jīng)驗(yàn) 獲得超6個(gè)贊
嘗試這個(gè) :
function Menu(props = null) {
const list = ['list1', 'list2', 'list3']
const menuitems = list.map((list, index) => {
return `<li className="menuitem item-${index + 1}" key="${index}">${list}</li>`
});
return (
`<ul>${menuitems.join(" ")}</ul>`
)
}

TA貢獻(xiàn)1864條經(jīng)驗(yàn) 獲得超2個(gè)贊
您可以使用名為classnames 的包或:
<li className={`menuitem-${index}`} key={index}>{list}</li>
添加回答
舉報(bào)