列表 & Key

参考文档：react.docschina.org/docs/lists-…

通过使用 {} 在 JSX 内构建一个元素集合，使用 Javascript 中的 map() 方法来遍历 numbers 数组。将数组中的每个元素变成 <li> 标签，最后我们将得到的数组赋值给 listItems：

const numbers = [1, 2, 3, 4, 5];
const listItems = numbers.map((number) =>  <li>{number}</li>);

我们把整个 listItems 插入到 <ul> 元素中，然后渲染进 DOM：

基础列表组件

在一个组件中渲染列表，把前面的例子重构成一个组件，这个组件接收 numbers 数组作为参数并输出一个元素列表。

Key