错误：TypeError：无法读取未定义的属性“图像”

Posted 2023-03-16

【中文标题】错误：TypeError：无法读取未定义的属性“图像”

【英文标题】：ERROR: TypeError: Cannot read property 'image' of undefined

【发布时间】：2021-10-04 12:28:18

【问题描述】：

有 CardImg 的线路存在一些问题。它显示错误：'TypeError: Cannot read property 'image' of undefined'.

我无法弄清楚我做错了什么。请帮帮我。

这是错误的样子：

有错误的类在这里：

import React from 'react';
import Card, CardImg, CardText, CardBody, CardTitle, CardSubtitle from 'reactstrap';
import Loading from "./LoadingComponent";
import  baseUrl  from '../shared/baseUrl';


function RenderCard(item, isLoading, errMess)
    if (isLoading) 
        return(
                <Loading />
        );
    
    else if (errMess) 
        return(
                <h4>errMess</h4>
        );
    
    else
    return(
        <Card>
            <CardImg src=baseUrl + item.image alt=item.name />
            <CardBody>
                <CardTitle>item.name</CardTitle>
                item.designation ? <CardSubtitle>item.designation</CardSubtitle> : null
                <CardText>item.description</CardText>
            </CardBody>
        </Card>

    );



function Home(props)
    return(
        <div className="container">
            <div className="row align-items-start">
                <div className="col-12 col-md m-1">
                    <RenderCard item=props.dish isLoading=props.dishesLoading
                    errMess=props.dishesErrMess/>
                </div>
                <div className="col-12 col-md m-1">
                <RenderCard item=props.promotion isLoading=props.promosLoading errMess=props.promosErrMess />
                </div>
                <div className="col-12 col-md m-1">
                    <RenderCard item=props.leader/>
                </div>

            </div>
        </div>
    );

export default Home;

【问题讨论】：

item 未定义，也就是说 Home 组件的 props 不包含 dish

当我将console.log(item.name) 放入RenderCard 函数时，控制台显示名称。

【参考方案1】：

[请查看这些链接以获得您的解决方案]

TypeError: Cannot read property 'image' of undefined react https://forum.freecodecamp.org/t/typeerror-cannot-read-property-name-of-undefined/415333