Блог

 

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

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

 

введите описание изображения здесь

Я не совсем понимаю, почему появляется null, интересно, связано ли это со свойством react или я где-то ошибся ?

В сообщении об ошибке говорится

Не удается прочитать свойство «категория» неопределенного.

Это означает, что activity (к которому вы пытаетесь получить доступ в Image компоненте) на самом деле undefined .

Доступ к свойству неопределенного объекта приведет к ошибке.

Там, где вы используете ActivityDetails компонент, проверьте, что вы передаете в качестве реквизитов в activity атрибуте.

 <ActivityDetails activity=??? />
 

Может быть, вы сами передаете неверную Activity информацию.