js中数组的map函数爬坑实录

话不多说，先看代码。

users.map((item,index )=>(
        <div className="imgblock" key={
    
    index}>
            <img src={
    
    item.photo} alt=""/>
            <p>{
    
    item.name}</p>
        </div>

上面的代码看似没有任何的问题，但是忽略了数组是空数组的情况，写项目的时候就会出现错误TypeError: Cannot read property ‘map’ of null（无法识别空数组的情况），为了解决这一问题可以加上

(users||[]).map((item,index )=>(
        <div className="imgblock" key={
    
    index}>
            <img src={
    
    item.photo} alt=""/>
            <p>{
    
    item.name}</p>
        </div>

这样就解决报错的问题了，如果想设置数组为空时候的显示，可以用if else 语句来进行解决，数组为空做什么，数组不为空做什么。