Javascript 在React中渲染图像

我似乎无法在使用创建react应用程序创建的react应用程序中显示图像。 这是我的目录结构：

build
node_modules
public
src
  assets
  components
    header
      ImportingComponent.js
  data
    data.js
  css

图像的路径位于

data.js

文件中数据目录中的对象中

import asdfgProfile from "../assets/IMG_20181128_182110.jpg";
import zxcvbProfile from "../assets/38492604_10157553680894256_362213635956670464_n.jpg";

const f =[
    {
        "name": "asdfg",
        "thumbnail": {asdfgProfile}
    },
    {
        "name": "zxcvb",
        "thumbnail": {zxcvbProfile}
    }

];
export default founders;

这是调用它的组件中的代码

{props.founders.map( item =>
        <div className="firstFounder">
             <img src={(item.thumbnail)}></img>
             <h2>{item.name}</h2>
             <h3> {item.designation}</h3>
             <p>{item.blurb}</p>
        </div>
 )}

{props.founders.map（项=>
{item.name}
{项目名称}
{item.blurb}

)}

图像似乎无法渲染。我做错了什么

const f =[
    {
        "name": "asdfg",
        "thumbnail": {asdfgProfile}
    },
    {
        "name": "zxcvb",
        "thumbnail": {zxcvbProfile}
    }

];

从

{zxcvprofile}

，

{asdfgProfile}

中删除括号，您正在创建

缩略图：{}

对象，而不提供值

从

{zxcvprofile}

，

{asdfgProfile}

中删除括号，您正在创建

缩略图：{}

对象，而不提供值