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

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

請(qǐng)問如何呈現(xiàn)反應(yīng)中的對(duì)象數(shù)組？

請(qǐng)問如何呈現(xiàn)反應(yīng)中的對(duì)象數(shù)組？

蝴蝶不菲 2019-07-31 13:01:06
如何呈現(xiàn)反應(yīng)中的對(duì)象數(shù)組？你能告訴我如何在JS中渲染列表嗎？我確實(shí)喜歡這個(gè)https：/plnkr.co/EDIT/X9Ov5roJtTSk9YhqYUdp？P=預(yù)覽class First extends React.Component {   constructor (props){     super(props);   }   render() {      const data =[{"name":"test1"},{"name":"test2"}];     const listItems = data.map((d) => <li key={d.name}>{d.name}</li>;     return (       <div>       hello      </div>     );   }}
查看完整描述

2 回答

?
回首憶惘然

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

你可以用兩種方式來(lái)做：

第一：

render() {
    const data =[{"name":"test1"},{"name":"test2"}];
    const listItems = data.map((d) => <li key={d.name}>{d.name}</li>);

    return (
      <div>
      {listItems }
      </div>
    );
  }

第二：直接寫入返回中的map函數(shù)。

render() {
    const data =[{"name":"test1"},{"name":"test2"}];
    return (
      <div>
      {data.map(function(d, idx){
         return (<li key={idx}>{d.name}</li>)
       })}
      </div>
    );
  }




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

添加回答

舉報(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)