有时候我们需要使用后端传递过来的数据进行遍历，通过遍历数据，渲染出来列表元素，如果传进来的数据是空的，有时候就会报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))就不会被执行，所以轻松解决没有传递数据报错的问题。你学会了吗？