Jquery 我总是得到TypeError：第9行的项未定义，不知道为什么 从“React”导入React； 从“reactstrap”导入{Card，CardMg，CardText，CardBody，CardTitle，CardSubtitle}； 函数RenderCard（{item}）{ 返回( //这里 {item.name} if（项目名称）{ {项目名称} }否则{ 返回空值 }//If语句 {item.description} ); } 功能主页（道具）{ 返回( ); } 导出默认主页；

您的代码有两个问题

当

项目

可能仍然未定义时，它使用

项目

它在

jsx

部分中使用

if

语句（您只能使用以下速记三元运算符）

像这样更改代码

function RenderCard({item}) {
    return(
        <>
            {item ?
                <Card>
                    <CardImg src={item.image} alt={item.name} /> //Here
                        <CardBody>
                        <CardTitle>{item.name}</CardTitle>
                        {item.designation ? <CardSubtitle>{item.designation}</CardSubtitle> : undefined}
                        <CardText>{item.description}</CardText>
                    </CardBody>
                </Card> : undefined
            }
        </>
    );
}

函数RenderCard（{item}）{
返回(
{项目？
//这里
{item.name}
{item.designation？{item.designation}：未定义}
{item.description}
：未定义
}
);
}

谢谢，现在它会呈现到屏幕上，但是现在它只呈现一张卡片，当它假设呈现3时，你能验证所有三张

道具.碟子

，

道具.促销

和

道具.领队

都已定义吗？您可以尝试这样操作

console.log

：在

下编写

{console.log（props.promotion）}

等等，在每个

RenderCard

下显示console.log是的。我解决了我的问题，谢谢@Popperjs，请考虑标记为例外，如果它为您工作，以帮助任何人有同样的问题在未来。