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.在调用的地方使用{变量}。