为了账号安全,请及时绑定邮箱和手机立即绑定

如何呈现反应中的对象数组?

如何呈现反应中的对象数组?

达令说 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 关注
  • 522 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信