Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/395.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 未捕获的TypeError:collections.map不是React Js中的函数_Javascript_Reactjs - Fatal编程技术网

Javascript 未捕获的TypeError:collections.map不是React Js中的函数

Javascript 未捕获的TypeError:collections.map不是React Js中的函数,javascript,reactjs,Javascript,Reactjs,我正在尝试渲染组件并获取错误集合。map不是函数。下面是我的店铺数据和收集概览的附件。我正在从SHOP_数据文件导入数据,在其他组件中工作正常。我还遇到了一些错误,比如无法读取未定义的属性“toUpperCase” import React,{useState}来自“React”; 导入“/CollectionOverview.scss”; 从“./CollectionPreview/CollectionPreview”导入CollectionPreview; 从“../../Pages/SHO

我正在尝试渲染组件并获取错误集合。map不是函数。下面是我的店铺数据和收集概览的附件。我正在从SHOP_数据文件导入数据,在其他组件中工作正常。我还遇到了一些错误,比如无法读取未定义的属性“toUpperCase”

import React,{useState}来自“React”;
导入“/CollectionOverview.scss”;
从“./CollectionPreview/CollectionPreview”导入CollectionPreview;
从“../../Pages/SHOP/SHOP_DATA”导入车间_数据;
const CollectionOverview=()=>{
const[collections]=useState(车间数据);
返回(
{collections.map({id,title,items})=>(
))}
);
};
导出默认CollectionOverview;
这是我的店铺数据,我正在从中将数据导入CollectionOverview组件

const-SHOP\u数据={
帽子:{
id:1,
标题:“帽子”,
routeName:“帽子”,
项目:[
{
id:1,
名称:“棕色帽檐”,
图像URL:“https://i.ibb.co/ZYW3VTp/brown-brim.png",
价格:25,,
},
{
id:2,
名称:“蓝色豆豆”,
图像URL:“https://i.ibb.co/ypkgK0X/blue-beanie.png",
价格:18,
},
{
id:3,
名字:“棕色牛仔”,
图像URL:“https://i.ibb.co/QdJwgmp/brown-cowboy.png",
价格:35,,
},
{
id:4,
名称:“灰檐”,
图像URL:“https://i.ibb.co/RjBLWxB/grey-brim.png",
价格:25,,
},
{
id:5,
名称:“绿色豆豆”,
图像URL:“https://i.ibb.co/YTjW3vF/green-beanie.png",
价格:18,
},
{
id:6,
名称:“棕榈树帽”,
图像URL:“https://i.ibb.co/rKBDvJX/palm-tree-cap.png",
价格:14,
},
{
id:7,
名称:“红豆”,
图像URL:“https://i.ibb.co/bLB646Z/red-beanie.png",
价格:18,
},
{
id:8,
名称:“狼帽”,
图像URL:“https://i.ibb.co/1f2nWMM/wolf-cap.png",
价格:14,
},
{
id:9,
名称:“蓝色Snapback”,
图像URL:“https://i.ibb.co/X2VJP2W/blue-snapback.png",
价格:16,
},
],
},
运动鞋:{
id:2,
标题:“运动鞋”,
routeName:“运动鞋”,
项目:[
{
id:10,
名称:“阿迪达斯NMD”,
图像URL:“https://i.ibb.co/0s3pdnc/adidas-nmd.png",
价格:220,
},
{
id:11,
名称:“阿迪达斯Yeezy”,
图像URL:“https://i.ibb.co/dJbG1cT/yeezy.png",
价格:280,
},
{
id:12,
名称:“黑色匡威”,
图像URL:“https://i.ibb.co/bPmVXyP/black-converse.png",
价格:110,
},
{
id:13,
名称:“Nike White AirForce”,
图像URL:“https://i.ibb.co/1RcFPk0/white-nike-high-tops.png",
价格:160,
},
{
身份证号码:14,
名称:“Nike Red High上衣”,
图像URL:“https://i.ibb.co/QcvzydB/nikes-red.png",
价格:160,
},
{
身份证号码:15,
名称:“Nike Brown高帮上衣”,
图像URL:“https://i.ibb.co/fMTV342/nike-brown.png",
价格:160,
},
{
身份证号码:16,
名称:“乔丹航空有限公司”,
图像URL:“https://i.ibb.co/w4k6Ws9/nike-funky.png",
价格:190,
},
{
身份证号码:17,
名称:“林地”,
图像URL:“https://i.ibb.co/Mhh6wBg/timberlands.png",
价格:200,,
},
],
},
夹克:{
id:3,
标题:“夹克”,
routeName:“夹克”,
项目:[
{
身份证号码:18,
名称:“黑吉恩·希林”,
图像URL:“https://i.ibb.co/XzcwL5s/black-shearling.png",
价格:125,
},
{
身份证号码:19,
名称:“蓝色牛仔夹克”,
图像URL:“https://i.ibb.co/mJS6vz0/blue-jean-jacket.png",
价格:90,,
},
{
身份证号码:20,
名称:“灰色牛仔夹克”,
图像URL:“https://i.ibb.co/N71k1ML/grey-jean-jacket.png",
价格:90,,
},
{
id:21,
名称:“棕色剪羊毛”,
图像URL:“https://i.ibb.co/s96FpdP/brown-shearling.png",
价格:165,
},
{
身份证号码:22,
名称:“谭沟”,
图像URL:“https://i.ibb.co/M6hHc3F/brown-trench.png",
价格:185,
},
],
},
女性:{
id:4,
标题:“女性”,
routeName:“女性”,
项目:[
{
id:23,
名称:“蓝色背心”,
图像URL:“https://i.ibb.co/7CQVJNm/blue-tank.png",
价格:25,,
},
{
id:24,
名称:“花衬衫”,
图像URL:“https://i.ibb.co/4W2DGKm/floral-blouse.png",
价格:20,,
},
{
身份证号码:25,
名称:“花裙”,
图像URL:“https://i.ibb.co/KV18Ysr/floral-skirt.png",
价格:80,
},
{
身份证号码:26,
名称:“红点连衣裙”,
图像URL:“https://i.ibb.co/N3BN1bh/red-polka-dot-dress.png",
价格:80,
},
{
id:27,
名称:“条纹毛衣”,
图像URL:“https://i.ibb.co/KmSkMbH/striped-sweater.png",
价格:45,,
},
{
身份证号码:28,
名称:“黄色运动服”,
图像URL:“https://i.ibb.co/v1cvwNf/yellow-track-suit.png",
价格:135,
},
{
身份证号码:29,
姓名:“白色上衣”,
图像URL:“https://i.ibb.co/qBcrsJg/white-vest.png",
价格:20,,
},
],
},
男士:{
id:5,
标题:“男人”,
routeName:“男人”,
项目:[
{
id:30,
名称:“迷彩羽绒背心”,
图像URL:“https://i.ibb.co/xJS0T3Y/camo-vest.png",
价格:325,
},
{
身份证号码:31,
名称:“花卉T恤”,
图像URL:“https://i.ibb.co/qMQ75QZ/floral-shirt.png",
价格:20,,
},
{
id:32,
姓名:“黑白