Javascript 如何从我作为道具提供的react组件的属性评估图像的来源？

我无法使用组件的prop来提供从组件JavaScript文件中的路径导入的图像的src。我已经用语法破坏了道具

我尝试了多种格式：

src={`${src}`}
src =src
src={src}
src={{src}}
src={`${src}`}

没有编译错误 这是我的代码>

import React from 'react';
import './Card.css';
import 'tachyons';
import aryan from "./images/aryan.jpg";
import azeem from "./images/azeem.jpg";
import simran from "./images/simran.jpg";
import vidushi from "./images/vidushi.jpg";
import shubham from "./images/shubham.jpg";
import bobby from "./images/bobby.jpg";

const Card=({id,name,source,username,email}) =>{

    return (
    <div className='pa3 br3 dib bg-light-green ma2 grow bw2 shadow-5'>
      <img src= {source}
       alt="Test"/>
      <div className='tc f3'> 
      <h4>{`${name}`}</h4>
      <h5>{`${username}`}</h5>
      <p className='f5'>{`${email}`}</p>
      </div>
    </div>
    )

}
export default Card;

从“React”导入React；
导入“./Card.css”；
输入‘超光速子’；
从“/images/aryan.jpg”导入雅利安语；
从“/images/azeem.jpg”导入Azem；
从“/images/simran.jpg”导入simran；
从“/images/vidushi.jpg”导入vidushi；
从“/images/shubham.jpg”导入shubham；
从“/images/bobby.jpg”导入bobby；
const Card=（{id，name，source，username，email}）=>{
返回(
{`${name}`}
{`${username}`}
{${email}
)
}
导出默认卡；

供您参考：

<img src="/assets/img/background.png"/>
<img src={"/assets/img/background.png"}/>

---

欢迎使用堆栈溢出！请拿着（你得到了一个徽章！），四处看看，仔细阅读，特别是我还推荐乔恩·斯基特的。我们无法帮助您处理无法看到的代码。请用代码更新问题，准确显示如何获得

src

，以及您试图使用

src

的实际组件代码的样子<假设

src

是字符串，则code>src={src}是正确的。