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