react基础（5）—— 循环

react中的循环需要我们使用ECMA中的方法进行操作，没有提供内置的方法，

这里面我们使用数组的方法进行循环   -----    {arr.map()}

 

###################循环##############################

import React,{Component} from "react";
import "./index.scss"

class Nowplaying extends Component {
constructor(props){
super(props)
this.state={
nowplayList:["1111","2222","3333","4444"]

//以后这个状态通过ajax动态获取，然后通过this.setState=({})来复制
}
}
render(){
return <div id="Nowplaying">
<ul>
{ {/*不设置key值会有warning*     -----   在操作数组的时候使用不会改变原数组的方法/}
this.state.nowplayList.map(item=>
<li key={item}>{item}</li>
)
}
</ul>
</div>
}
}

export default Nowplaying;