Javascript ReactJs:：：无法读取属性'；地图'；未定义的 5 | const Recipes=props=>( 6 | > 7 | 8 |{props.recipes.map（（recipe）=>{ 9 |返回( 10 |

检查您是否将

配方作为道具正确传递给组件

无法读取未定义的属性“map”
意味着
props
不包含对象/数组/任何称为
recipes
的东西，因此当它试图
map
到不存在的东西上时，它不知道该做什么，就会摔倒


在本例中，
recipes
被正确传递（并且不会失败）：

const元素=（道具）=>
{props.recipes.map（recipe=>{recipe}
）}

在本例中，它将失败：

const Element = (props) => <div>
  {props.recipes.map(recipe => <p>{recipe}</p>)}
</div>

<Element recipes={["egg", "sausage"]} />

const元素=（道具）=>
{props.recipes.map（recipe=>{recipe}
）}

有很多方法可以不定义
配方
。这只是其中之一。你需要检查你的代码，找到你希望通过
配方
的地方，看看你这样做是否正确。
道具。配方
是
未定义的
显示你的代码。
配方
中的值是什么或者在
道具中
不费吹灰之力，即使在这里的帖子内容中。。。
const Element = (props) => <div>
  {props.recipes.map(recipe => <p>{recipe}</p>)}
</div>

<Element recipes={["egg", "sausage"]} />

const Element = (props) => <div>
  {props.recipes.map(recipe => <p>{recipe}</p>)}
</div>

<Element />