本文介绍了一个简单的React组件，用于展示城市列表。通过使用map方法遍历数组中的城市名称，并为每个城市生成对应的HTML元素。
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.在调用的地方使用{变量}。
本文转自 沉迷学习中 51CTO博客，原文链接：http://blog.51cto.com/12907581/2066854，如需转载请自行联系原作者
扫一扫
1103
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
