reactjs - React:TypeError:无法将 null 转换为对象
问题描述
我正在学习 Max 关于 udemy 的课程。但是我收到了这个错误,它抱怨将 null 转换为 objectct,我无法理解错误指向什么。谁能告诉我如何解决这个错误。
这是发出错误的文件:
import React from 'react';
import classes from './Burger.css';
import BurgerIngredient from './BurgerIngredient/BurgerIngredient';
const burger = ( props ) => {
console.log(props);
let transformedIngredients = Object.keys( props.ingredients )
.map( igKey => {
return [...Array( props.ingredients[igKey] )].map( ( _, i ) => {
return <BurgerIngredient key={igKey + i} type={igKey} />;
} );
} )
.reduce((arr, el) => {
return arr.concat(el)
}, []);
if (transformedIngredients.length === 0) {
transformedIngredients = <p>Please start adding ingredients!</p>;
}
return (
<div className={classes.Burger}>
<BurgerIngredient type="bread-top" />
{transformedIngredients}
<BurgerIngredient type="bread-bottom" />
</div>
);
};
export default burger;
解决方案
推荐阅读
- python - ipython和jupyter控制台有什么关系和区别
- php - 在mysqli bind_param中使用时如何通过php var选择表?
- node.js - 与在 localhost 上运行的 nodejs 应用程序的连接缓慢(Windows 7)
- r - 闪亮无法将上传文件保存在本地磁盘中
- database - Mongo DB - 查找和计数需要更长的时间来执行
- r - selectInput 的动态数量
- aem - 如何在 hybris 中从外部来源获取媒体?
- android - 如何在 Android Studio 中指定视图相对于其宽度的高度?
- mysql - VB.net - 您的 SQL 语法有错误;
- android - 滚动时片段中的折叠工具栏不显示/隐藏标题