您的位置:首页 > Web前端 > React

React中的vue的v-for操作。

2018-01-30 16:00 337 查看
class CityBean extends Component{
constructor(){
super();
this.state={
citys : ['安徽','北京','重庆','上海']

};
}
render(){
let citys = this.state.citys.map((city)=>{
return <span key={city}>{city}</span>
}) ;
return(
<div>
{
citys
}
</div>
);
}
}

1.使用map方法遍历数组对象。
2.传入()=>{},
3.return出单个html结构,赋值给一个变量。
4.在调用的地方使用{变量}。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  script for 操作