1. 程式人生 > >React中的vue的v-for操作。

React中的vue的v-for操作。

map 上海 操作 let tor this city 遍歷數組 state

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