Vue&React列表渲染

声明：

Vue使用指令v-for来控制元素的循环输出，详情可看列表渲染
例子：

<ul id="example-1">
  <li v-for="item in items" :key="item.message">
    {{ item.message }}
  </li>
</ul>

由于使用JSX，故像平常写js一样写就行，详情可看列表 & Key
例子：

const numbers = props.numbers;
return (
  <ul>
  {
      numbers.map(
        (number) =>  <ListItem key={number.toString()} value={number} />      
      )
  }    
  </ul>
);

参考文档：