此處用的map循環,
有人會問爲什麼用map不用forEach,那你就的去看看Es6裏面這倆中循環的新特性了。
循環1
import React from 'react';
class Cty extends React.Component{
constructor(props){
super(props)
this.state ={
list:[
{ name:'志欽'},
{ name:'志剛'},
{ name:'三秀'},
{ name:'鄧哥'},
{ name:'老李'},
],
}
}
render(){
//函數方法裏面寫,
let listName = this.state.list.map((item,key) => {
console.log(item.name)
return(
<p key={key}>{item.name}</p>
)
});
return(
<div>
12122121
<div>
{listName}
</div>
</div>
)
}
}
export default Cty;
循環2
dom裏面循環
import React from 'react';
class Cty extends React.Component{
constructor(props){
super(props)
this.state ={
list:[
{ name:'志欽'},
{ name:'志剛'},
{ name:'三秀'},
{ name:'鄧哥'},
{ name:'老李'},
],
}
}
render(){
return(
<div>
12122121
<div>
{
this.state.list.map((item,key) => {
return (
<span>{item.name}</span>
)
})
}
</div>
</div>
)
}
}
export default Cty;
如果有問題,可以加我微信一起討論,我們一起進步!
屏幕前的你,加油!