此处用的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;
如果有问题,可以加我微信一起讨论,我们一起进步!
屏幕前的你,加油!