首页 > 解决方案 > 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;

在此处输入图像描述

数据库默认值 在此处输入图像描述

标签: reactjsreact-native

解决方案


推荐阅读