列表渲染

jsx特性

JSX能够自动的渲染JSX数组

什么是JSX数组

数组的每一个元素都是一个JSX对象

实现列表渲染的思路

1. 把数组通过map方法转化成JSX数组
2. 直接把转化后的数组放到jsx里面即可（不要忘了写上占位符）

   import React, { Component } from 'react'
   export default class ShopCart extends Component {
   state = {
    list: [
      { id: 0, name: '张三' },
      { id: 1, name: '李四' },
    ]
   }
   render () {
    const { list } = this.state;
    return (
      <div>
        {
          list.map((item) => {
            return <div key={item.id}>我叫：{item.name}</div>
          })
        }
      </div>
    )
   }
   }