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