當前位置:編程學習大全網 - 網站源碼 - react.js中如何使用for循環等輸出html

react.js中如何使用for循環等輸出html

在react中,可以使用遍歷直接循環輸出。React使用es6語法,建議先學es6再用react。

下面是遍歷添加選項,然後可以直接看下面。其中,stationData是地圖數據,station是當前循環遍歷的單個數據。

讓?選項?=?stationData.map(station?= & gt?& lt選項?key={station。SiteUid } & gt{站。SiteName } & lt/Option & gt;);下面是react return的界面,用Option替換要輸出的代碼。

& lt選擇?size= "默認"?& gt

{選項}

& lt/Select & gt;最後粘貼地圖數據,這是用於遍歷的數據。

讓?stationData={

{SiteUid:"1 ",SiteName: "site1"},

{SiteUid:"2 ",SiteName: "site2"}

}

  • 上一篇:誰能幫忙講壹下vb編程實現電腦發短信的基本原理?
  • 下一篇:如何在win7系統下實現遠程文件傳輸
  • copyright 2024編程學習大全網