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


發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章