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

為了賬號(hào)安全，請(qǐng)及時(shí)綁定郵箱和手機(jī)立即綁定
已解決430363個(gè)問(wèn)題，去搜搜看，總會(huì)有你想問(wèn)的

如何在React JSX中循環(huán)遍歷數(shù)組中的某些項(xiàng)目

如何在React JSX中循環(huán)遍歷數(shù)組中的某些項(xiàng)目

慕勒3428872 2022-01-07 20:44:36
我的問(wèn)題是關(guān)于如何部分迭代 React JSX 中的數(shù)組。我不想調(diào)用 .map 并遍歷 profile.categories 中的所有項(xiàng)目，而只想顯示數(shù)組中的前五個(gè)項(xiàng)目。我目前有以下代碼：<div className="categories">   {profile.categories.map(category => (       <div         className="profile-categories"         style={{ float: "left" }}       >         {category}       </div>     ))} </div>
查看完整描述

2 回答

?
慕哥6287543

TA貢獻(xiàn)1831條經(jīng)驗(yàn) 獲得超10個(gè)贊

直接在 profile.categories 上使用 slice，如下所示：


<div className="categories">

{profile.categories.slice(0, 5).map(category => (

   <div

     className="profile-categories"

     style={{ float: "left" }}

   >

     {category}

   </div>

 ))}

 </div>


查看完整回答
反對(duì) 回復(fù) 2022-01-07
?
慕標(biāo)5832272

TA貢獻(xiàn)1966條經(jīng)驗(yàn) 獲得超4個(gè)贊

只需將切片與地圖一起使用：


profile.categories.slice(0, 5).map(...)

您還可以添加方法來(lái)獲取組件中的一些類別計(jì)數(shù)：


getFirst(count) {

  return profile.categories.slice(0, count);

}


// and then in render:

this.getFirst(5).map(...)


查看完整回答
反對(duì) 回復(fù) 2022-01-07
  • 2 回答
  • 0 關(guān)注
  • 184 瀏覽
慕課專欄
更多

添加回答

舉報(bào)

0/150
提交
取消
微信客服

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

 幫助反饋 APP下載

慕課網(wǎng)APP
您的移動(dòng)學(xué)習(xí)伙伴

 公眾號(hào)

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