第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

返回 div x 次數(shù) ReactJS

返回 div x 次數(shù) ReactJS

GCT1015 2022-10-13 16:07:02
我需要在 ReactJS x 中返回以下代碼。我正在嘗試根據(jù)團隊中有多少人用名稱填充卡片。所以如果 x 是 5,我需要它出現(xiàn) 5 次。<div className="row align-items-center justify-content-center m-b-10">   <h5>Name goes here</h5></div>這是我正在處理的對象類型:有沒有一種干凈的方法可以做到這一點?
查看完整描述

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>


查看完整回答
反對 回復 2022-10-13
?
吃雞游戲

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>

)}

(當然,請確保此代碼用另一個元素包裝)


查看完整回答
反對 回復 2022-10-13
?
米脂

TA貢獻1836條經(jīng)驗 獲得超3個贊

首先,這取決于你的數(shù)據(jù)是如何定義的,例如,如果名稱在一個數(shù)組中,你可以創(chuàng)建一個包含每個 JSX 元素的數(shù)組,你可以使用 .map()



查看完整回答
反對 回復 2022-10-13
  • 3 回答
  • 0 關(guān)注
  • 101 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動學習伙伴

公眾號

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號