React.JS TypeError：无法读取未定义的属性“类别”

【问题标题】：React.JS TypeError: Cannot read property 'category' of undefinedReact.JS TypeError：无法读取未定义的属性“类别”
【发布时间】：2021-10-24 17:05:31
【问题描述】：



interface Props {
  activity: Activity;
  cancelSelectActivity: () => void;
}

export default function ActivityDetails({
  activity,
  cancelSelectActivity,
}: Props) {
  return (
    <Card fluid>
      <Image src={`/assets/categoryImages/${activity.category}.jpg`} />
    </Card>
  );
}

enter image description here

我不太明白为什么会出现null，我想知道它是否与react属性有关还是我在某个地方犯了错误？

【问题讨论】：

在渲染类别之前添加控制台以检查值是否到来。

标签： reactjs typescript react-redux react-router nullpointerexception

【解决方案1】：

错误信息说

无法读取未定义的属性“类别”。

这意味着activity（您尝试在Image 组件中访问）实际上是undefined。

访问未定义对象的属性会报错。

在您使用ActivityDetails 组件的地方，检查您在activity 属性中作为道具传递的内容。

<ActivityDetails activity=??? />

可能是您在其中传递了不正确的Activity。

【讨论】：