В моем веб-приложении возникла проблема: в консоли браузера появляется следующая ошибка:
Консоль
Uncaught TypeError: невозможно прочитать свойства неопределенного значения (чтение «изображения») в StarItem (StarItem.js:10:1) в renderWithHooks (реагировать-dom.development.js
StarItem.js
импортировать React из «реагировать»; импортировать "./Card.css"; функция StarItem(реквизит) { возвращаться (
{props.card.name {props.card.career Телефон: {props.card.phone Электронная почта: {props.card.email Веб-сайт: {props.card.website ); } экспортировать StarItem по умолчанию; Stars.js
импортировать React из «реагировать»; импортировать StarItem из "./StarItem"; функция экспорта Stars() { константная карта = [ { идентификатор: 1, изображение: "https://picsum.photos/200", имя: «Уолтер Уайт», карьера: «Актер», телефон: «+490 123456», электронная почта: «wakter@gmail.com», сайт: «www.walterwhite.com», }, { идентификатор: 2, изображение: "https://picsum.photos/200", имя: «Том Круз», карьера: «Актер», телефон: «+490 123456», электронная почта: «tom-cruise@gmail.com», сайт: «www.tomcruise.com», }, ]; const actors = card.map((actor) => ( )); return {actors; } экспорт звезд по умолчанию; App.js
импортировать React из «реагировать»; импортировать заголовок из "./компоненты/Заголовок"; импортировать Звезды из "./comComponents/Stars"; импортировать текст из "./компоненты/текст"; класс App расширяет React.Component { оказывать() { возвращаться ( ); } } экспортировать приложение по умолчанию; Я хочу отобразить карточку актера с фотографией/именем/карьерой... и т. д.