列表渲染 map

const todos = ['item1','item2','item3'];
const element = (
    <ul>
       {
           todos.map(function(item,index){
               <li key={item}>{item}</li>
           })
       }
    </ul>
)

其他

• 使用map去渲染列表的时候，每个列表项必须有一个key,key必须是唯一的，否则将会报错
• 不要将自动循环出来的index作为key值，如果更新前后的key值是一致的，react会认为前后组件是同一个，只会对内容属性(state和props)进行变更