React中的vue的v-for操作。

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，如需转载请自行联系原作者