亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

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

如何呈現反應中的對象數組？

如何呈現反應中的對象數組？

達令說 2019-07-17 16:43:16
如何呈現反應中的對象數組？你能告訴我如何在JS中渲染列表嗎？我確實喜歡這個https：/plnkr.co/EDIT/X9Ov5roJtTSk9YhqYUdp？P=預覽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貢獻1798條經驗 獲得超3個贊

你可以用兩種方式來做：

第一：

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

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

第二：直接寫入返回中的map函數。

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


查看完整回答
反對 回復 2019-07-17
  • 2 回答
  • 0 關注
  • 584 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

 幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

 公眾號

掃描二維碼
關注慕課網微信公眾號