3 回答

TA貢獻2041條經(jīng)驗 獲得超4個贊
只需使用:
const x = 5
Array(x).fill().map((el, index) =>
<div className="row align-items-center justify-content-center m-b-10" key={index}>
<h5>Name here</h5>
</div>
)
這并不理想,因為您還可以遍歷名稱數(shù)組本身,并獲得相同的結(jié)果,甚至更清晰。
<div>
{
arrayOfNames.map((el, index) => (
<div className="row align-items-center justify-content-center m-b-10" key={index}>
<h5>`${el.first_name} ${el.last_name}`</h5>
</div>
))
}
</div>

TA貢獻1829條經(jīng)驗 獲得超7個贊
假設(shè)你在一個數(shù)組中得到了所有的人名。渲染時可以map在數(shù)組上使用`:
{ yourObject.map((person, idx)=>(
<div className="row align-items-center justify-content-center m-b-10" key={idx}>
<h5>{person.first_name + " " + person.last_name}</h5>
</div>
)}
(當然,請確保此代碼用另一個元素包裝)

TA貢獻1836條經(jīng)驗 獲得超3個贊
首先,這取決于你的數(shù)據(jù)是如何定義的,例如,如果名稱在一個數(shù)組中,你可以創(chuàng)建一個包含每個 JSX 元素的數(shù)組,你可以使用 .map()
添加回答
舉報