Я новичок в React и попробовал создать простое приложение. Кроме того, я использовал в нем реакционный ремень. Но это не отображение изображений, которые я положил в папку public/assets/images
. Я пытался много раз, возможно, объект Media может быть несовместим.
Кроме того, я динамически рендеринг элемента изображения, это массив, помещенный в src/shared/leader.js
.
Это лидерФайл .js, содержащий массив, в формате.
{
id: 0,
name: 'Peter Pan',
image: '/assets/images/alberto.png',
designation: 'Chief Epicurious Officer',
abbr: 'CEO',
featured: false,
},
Следующая - моя функция RenderLeader, которая использует этот массив, но элементы не визуализируются.
function RenderLeader(leader){
return(
<Media tag="li" key={leader.id} className="col-12 mt-5" >
<Media left middle>
<Media style={imgStyle} object src={leader.image} alt={leader.name} />
</Media>
<Media body className="ml-5">
<Media heading>{leader.name}</Media>
<p>{leader.designation}</p>
</Media>
</Media>
);
}
Здеськак я вызываю эту функцию
<RenderLeader item={props.leader} />