首页 > 其他 > 详细

React中的vue的v-for操作。

时间:2018-01-30 16:11:34      阅读:722      评论:0      收藏:0      [点我收藏+]
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.在调用的地方使用{变量}。


React中的vue的v-for操作。

原文:http://blog.51cto.com/12907581/2066854

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!