为什么图像不显示

Question

我正在尝试通过属性 path 提供图像路径并呈现它。我有很多图像，我想在 runtime 中设置图像，所以我不能在渲染之前使用预 import 图像。但是图片不显示。

错误： cannot find module（但路径正确） 但是当我将变量 path 替换为实际路径为 var imageName = require('./Assets/profpicjpg.jpg').default; 然后图像出现，但我想使用变量 path 来提供变量路径数据

渲染这个

import Profpic1 from './Components/Public-page/Profile-card';
function App() {
  
  return (

    
    <div className="App">
      
    <Profpic1
        path = './Assets/profpicjpg.jpg'
      />
    </div>
  )
}

export default App;

功能（在另一个页面中）

export default function Profpic1 ({path})
  {
      
    var imageName = require(path).default;
    return ( 
<div>
   
   <img src={imageName} />
    </div>
 )}