Javascript 为什么媒体对象没有'；不要渲染图像

我是一个新的反应，并尝试建立一个简单的应用程序。而且，我在里面用过reactstrap。但是它没有显示我放在

public/assets/images

文件夹中的图像。我尝试过很多次，可能媒体对象不兼容

另外，我正在动态渲染图像项，它是一个数组，位于

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>


    );
}

函数渲染器（引线）{
返回(
{leader.name}
{领导人指定}

);
}

下面是我如何调用此函数的

    <RenderLeader item={props.leader} />

---

您传递的是物品道具，而不是领导者道具。将

item={props.leader}

更改为

leader={props.leader}

，函数组件执行

function RenderLeader（{leader}）