遍历从后端传过来的数据map是undefined

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

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容