列表渲染

使用数组的map API 生成一个新的带有jsx的数组

class HandleList extends React.Component {
    state = {
        list: [
          { title: '1', value: 'map1' },
          { title: '1', value: 'map1' }, 
          { title: '1', value: 'map1' }, 
          { title: '1', value: 'map1' },
          { title: '1', value: 'map1' }, 
          { title: '1', value: 'map1' }
        ]
    }
    render() {
        return (
            <div className='list'>
                <ul>
                    {this.state.list.map(item => {
                        return (<li  key={i}>
                            <div className="liTitle">{item.title}</div>
                            <div className="liValue">{item.value}</div>
                        </li>)
                    })}
                </ul>
            </div>
        )
    }
}