reactjs - TypeError:无法读取未定义 Reactjs 的属性“地图”
问题描述
React 的新手,我再次需要帮助 - 一切都很好,直到我将代码从 App.js 转移到单独的组件 - 而且 b/c 它是无状态组件,我正在使用 props 和 map 函数来访问来自 App 的值和状态.js 但它不开心——请帮忙
import React from 'react';
const Recipes = props => (
<div>
{props.recipes.map(recipe => (
<div key={recipe.recipe_id}>
<img src={recipe.image_url} alt={recipe.title} />
<p>{recipe.title}</p>
</div>
))}
</div>
);
export default Recipes;
解决方案
这只是意味着您没有recipes
正确地作为您 render 的道具传入<Recipes />
。要么recipes
为空,要么格式不正确。
前任:
// App.js
import React from 'react';
const App = () => {
const recipes = [{
recipe_id: '<id>',
image_url: '<some url>',
title: 'Lé title'
}];
// recipes could be null/undefined or not even passed as a prop
return (
<Recipes recipes={recipes} />
);
}
export default App;
推荐阅读
- node.js - JSON.Stringify() 解析大型 JSON 对象以存储在 Postgres JSONB 中时字符串长度无效
- r - Sys.time() 的差异是 R 中可靠的执行时间估计吗?
- c# - DataProtectionProvider.UnprotectAsync(IBuffer) 引发 ASN-1 错误
- c++ - 用于将 gcc 编译/链接选项转换为 icc 的翻译表
- php - PHP MySQL - 在 PHP 中验证电子邮件
- arrays - 如何在C中生成不重复的数字?
- angular - angular - 如何创建一个 canActivate 保护以仅允许来自另一个组件的重定向?
- java - Selenium Chrome 驱动程序无法选择或输入登录
- android-security - 易受意图重定向
- r - 如何将 1000 个模具卷的输出 6 次存储到矩阵中?