码迷,mamicode.com
首页 > 其他好文 > 详细

React中的vue的v-for操作。

时间:2018-01-30 17:07:54      阅读:1069      评论:0      收藏:0      [点我收藏+]

标签:htm   map   span   结构   com   数组   str   遍历   安徽   

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操作。

标签:htm   map   span   结构   com   数组   str   遍历   安徽   

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!