如何通过 ReactJs 中的道具添加图像?

问题描述

我正在尝试使用

通过道具传递图像路径
require("./house.jpg");

但它给出了一个损坏的图像,我的图像的路径在 src 下。

我应该如何将图像路径传递给 React 中的道具?

const imagesrc =require("./house.jpg");

ReactDOM.render(
  <React.StrictMode>
    <Header /> 
    <HomeBanner width='100%' height='400px' alt="Banner image" src={imagesrc}  />
    <App />
  </React.StrictMode>,rootElement
)

File Structure

解决方法

暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!

如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@)