javascript - 为什么图片不显示

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>
 )} 

标签： javascriptreactjs