map单层数组遍历
render(){
const { stage } = this.state;
let stageList = [];
if (stage && stage.length > 0) {
stage.map((item, index) => (
stageList.push(<dl className={openKeys == index ? 'activeOn' : 'activeIn'} key={index}>
<dt onClick={()=>this.isShowDlClick(index)}>
{item.name}
</dt>
</dl>)
))
}
{/* 放入content */}
<div className='leftCont'>
{stageList}
</div>
}
map多层数组遍历(也就是里面加多一层)
render(){
const { stage } = this.state;
//列表
let stageList = [];
if (stage && stage.length > 0) {
stage.map((item, index) => (
stageList.push(<dl className={openKeys == index ? 'activeOn' : 'activeIn'} key={index}>
<dt onClick={()=>this.isShowDlClick(index)}>
{item.name}
</dt>
{
item.course.map((courseItem, number) =>
<dd key={number} onClick={()=>this.handleClick(number)}>
<span className={childKeys == number ? 'cut' : ''}>
{courseItem.cname}{ item.ctype == 1 && courseItem.status==1 ? '(状态1)' : item.ctype == 1 && courseItem.status== 3 ? '(状态2)' : ''}
</span>
</dd>
)
}
</dl>)
))
}
{/* 放入content */}
<div className='leftCont'>
{stageList}
</div>
}