React带媒体对象为什么不呈现图像

问题描述 投票:0回答:1

我是React的新手,并尝试构建一个简单的应用程序。另外,我在其中使用了reactstrap。但是它没有显示我放入public/assets/images文件夹中的图像。我已经尝试了无数次,也许Media对象可能不兼容。

而且,我正在动态渲染图像项,它是放置在src/shared/leader.js中的一个数组。

这是包含数组的leader.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} />
javascript reactjs reactstrap
1个回答
0
投票

您传递的是道具道具,而不是领导道具。将item={props.leader}更改为leader={props.leader},然后功能部件将其更改为function RenderLeader({ leader })

© www.soinside.com 2019 - 2024. All rights reserved.