Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/450.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 在学习React教程时出现奇怪的问题_Javascript_Reactjs - Fatal编程技术网

Javascript 在学习React教程时出现奇怪的问题

Javascript 在学习React教程时出现奇怪的问题,javascript,reactjs,Javascript,Reactjs,我正在关注React.js项目的Youtube教程,该教程没有遇到任何错误,我也面临着完全相同的代码错误,任何帮助都将不胜感激- 我的反应码- import React,{Component}来自“React” 从“./data”导入项目 const RoomContext=React.createContext(); // 类RoomProvider扩展组件{ 陈述={ 房间:[], 地址:[], 功能图:[], 加载:正确 }; componentDidMount(){ let rooms=

我正在关注React.js项目的Youtube教程,该教程没有遇到任何错误,我也面临着完全相同的代码错误,任何帮助都将不胜感激- 我的反应码-

import React,{Component}来自“React”
从“./data”导入项目
const RoomContext=React.createContext();
//
类RoomProvider扩展组件{
陈述={
房间:[],
地址:[],
功能图:[],
加载:正确
};
componentDidMount(){
let rooms=this.formatData(项目);
}
格式数据(项目){
让tempItems=items.map(item=>{
设id=item.sys.id
让images=item.fields.items.map(image=>image.fields.file.url);
let room={…item.fields,images,id};
返回室;
});
归还物品;
}
render(){
返回
{this.props.children}
}
}
const-RoomConsumer=RoomContext.Consumer;
导出{RoomProvider、RoomConsumer、RoomContext};

如果您需要查看其他文件,请告诉我是的,您正在尝试访问
字段
对象上名为
的字段,但该字段不存在。我认为这是一个简单的输入错误,您试图访问
图像
,因为这与您正在访问的数据是一致的。我知道很容易忽略一些事情,但总是重复检查复杂的数据类型

let images = item.fields.images.map(image => image.fields.file.url);

请从您的数据文件中发布
项目
。这就是你的问题所在,你正在试图映射那个对象上不存在的数据。@RutherfordWonkington
let images = item.fields.images.map(image => image.fields.file.url);