Javascript TypeError:集合。映射不是函数

“我的页面”显示为TypeError:collections。地图不是一个函数 这是我的JS代码。我不知道是什么问题

    this.state = {
        collections: SHOP_DATA
    };
}

render() {
    const {collections} = this.state;
    return (

        <div className='shop-page'>

        { collections.Map(({id, ...otherCollectionProps}) => (
            <CollectionPreview key={id} {...otherCollectionProps} />
        ))}

    </div>
    );
}

}

---

导出默认商店页面

您使用的是地图而不是地图

此.state={ 收集：商店数据 }; } 渲染{ const{collections}=this.state； 回来 {collections.map{id，…otherCollectionProps}=> } ;

---

}使用地图smallcaps@Semi-朋友-小写，而不是小写。小盘就是小盘ᴏᴍᴇᴛʜɪɴɢ ᴇʟsᴇ. :-哈哈，非常感谢