react遍历数组

Posted on 2019-06-14 00:46  猫头唔食鱼  阅读(2119)  评论(0编辑  收藏  举报
import React ,{Component} from 'react'
class App extends Component{
  constructor(props){
    super(props)
    this.state = {
      list:["星期一","星期二","星期三"]
    }
  }
  render(){
    return (
      <div>
        <div>
          {
            // react里没有指令,只能用map方法遍历数组
            this.state.list.map((item,i)=>{
              // return 一个标签  标签里要加上key,通常key用数组的下标
              return <p key={i}>{item}</p>
            })
          }
        </div>
      </div>
    )
  }
}

export default App;