有时候我们需要使用后端传递过来的数据进行遍历，通过遍历数据，渲染出来列表元素，如果传进来的数据是空的，有时候就会报map是undefined。此时怎么解决呢？
很简单，只需要使用如下方式即可解决：
renderItemList(itemDto) {
return (
<div className={styles.itemList}>
<div className={styles.detailHead}>
<span>hello</span>
<span className={styles.splitLine}/>
</div>
<div className={styles.itemWrap}>
{
itemDto && itemDto.map(item => this.renderItem(item))
}
</div>
</div>
)
}
当没有传进来数据时候，itemDto就为假，与后边的itemDto.map(item => this.renderItem(item))就不会被执行，所以轻松解决没有传递数据报错的问题。你学会了吗？
