Reactjs 无法读取属性'；图像url'；在反应中未定义的

我是一个很新的反应，我试图显示数据 但是我得到了错误

当我添加一些关于图片url、标题、源url等的代码时，没有数据出现

TypeError:无法读取未定义的属性“image\u url”

在,

import React，{Component}来自“React”
导出默认类配方扩展组件{
render（）{
常数{
图片(网址)，
标题
来源(网址)，
出版商
配方id
}=this.props.recipe；
返回(
配方
{title}
由{publisher}提供
细节
);
}
}

在ReactList.js中

{recipes.map（recipe=>{
返回；
})}

在RecipeList.js中使用两次

时出错

删除了一个

， 错误将解决

改变

{recipes.map（recipe=>{
返回；
})}

到

{recipes.map（recipe=>{
返回；
})}

在return语句之前尝试console.log（this.props.recipe），查看recipe对象包含的内容。很可能源url未定义。你能在为配方组件设置道具的地方发布代码吗？谢谢，Jon Warren兄弟！