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

Question

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

你能告诉我如何在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>
    );
  }}

Answer 1

你可以用两种方式来做：第一：render()&nbsp;{ &nbsp;&nbsp;&nbsp;&nbsp;const&nbsp;data&nbsp;=[{"name":"test1"},{"name":"test2"}]; &nbsp;&nbsp;&nbsp;&nbsp;const&nbsp;listItems&nbsp;=&nbsp;data.map((d)&nbsp;=>&nbsp;<li&nbsp;key={d.name}>{d.name}</li>); &nbsp;&nbsp;&nbsp;&nbsp;return&nbsp;( &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<div> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{listItems&nbsp;} &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</div> &nbsp;&nbsp;&nbsp;&nbsp;); &nbsp;&nbsp;}第二：直接写入返回中的map函数。render()&nbsp;{ &nbsp;&nbsp;&nbsp;&nbsp;const&nbsp;data&nbsp;=[{"name":"test1"},{"name":"test2"}]; &nbsp;&nbsp;&nbsp;&nbsp;return&nbsp;( &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<div> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{data.map(function(d,&nbsp;idx){ &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;return&nbsp;(<li&nbsp;key={idx}>{d.name}</li>) &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;})} &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</div> &nbsp;&nbsp;&nbsp;&nbsp;); &nbsp;&nbsp;}