Почему медиа-объект React strap не отображает изображение - PullRequest
0 голосов
/ 23 октября 2019

Я новичок в 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} />
...