Javascript 由于TypeError:无法读取属性'；地图'；空的从“React”导入React；从“react router dom”导入{Link}；常量配方=道具=>( {props.recipes.map（（recipe）=>{ 返回( {recipe.title.length_Javascript_Css_Reactjs_Frontend

Javascript 由于TypeError:无法读取属性'；地图'；空的从“React”导入React；从“react router dom”导入{Link}；常量配方=道具=>( {props.recipes.map（（recipe）=>{ 返回( {recipe.title.length

javascript css reactjs

Javascript 由于TypeError:无法读取属性'；地图'；空的从“React”导入React；从“react router dom”导入{Link}；常量配方=道具=>( {props.recipes.map（（recipe）=>{ 返回( {recipe.title.length,javascript,css,reactjs,frontend,Javascript,Css,Reactjs,Frontend,有人能告诉我为什么我的.map（）函数会导致这个错误吗？这是我试图遵循的教程（构建配方反应项目）以下是源代码：我的与下面的相同，但我得到了类型错误。你的食谱道具为空。检查您传递给组件的内容。您的配方在第一次渲染时似乎为空。可能您正在传递以异步方式填充的内容，但在第一次渲染时还没有尝试添加您的代码：（props.recipes | |[]）.map 为了进行安全检查，如果道具配方在第一次渲染时为null或未定义，则使用空数组看起来你的配方道具在第一次渲染时为null。尝试添加您的代码（

有人能告诉我为什么我的.map（）函数会导致这个错误吗？这是我试图遵循的教程（构建配方反应项目）以下是源代码：

我的与下面的相同，但我得到了类型错误。

你的食谱道具为空。检查您传递给组件的内容。

您的

配方在第一次渲染时似乎为空。
可能您正在传递以异步方式填充的内容，但在第一次渲染时还没有
尝试添加您的代码：
（props.recipes | |[]）.map

为了进行安全检查，如果道具配方
在第一次渲染时为null
或未定义
，则使用空数组
看起来你的配方
道具在第一次渲染时为null。尝试添加您的代码（props.recipes | | |[]）。映射并查看错误是否消失。这将修复它。非常感谢！把它移到“答案”上去，这不是答案，也不是解决办法。这应该是一个评论。您还以评论“有人能告诉我为什么.map（）函数会导致此错误吗？”-这是对该问题的直接回答。如果您这样认为，他在标题中的错误：TypeError:Cannot read属性“map”为null
已经是一个解决方案