在public ex.Assets中创建一个文件夹，把你的图像放在这个文件夹中，并在src中指定folder_name / image_name

<img src = "/Assets/cardimg.svg" alt="Card image cap" width="400" />

如果你想把你的javascript文件从公共文件夹添加到react，把特定的文件放在公共文件夹的index.html文件中。你的问题会解决的。

试试这个简单易行的方法

不要在src中创建Image文件夹。 在公共场所制作一个图像文件夹。 你工作在反应引导安装

NPM安装反应引导 import React from 导入“引导/ dist / css / bootstrap.min.css”; import {Image} from 'react-bootstrap'; 导出默认函数Main() { 回报( <> <Image src="/img/ Image .jpg/100px250" alt="bg Image " fluid /> . </> ） ｝

希望它已经完成了

你也可以用这个…它的工作假设'yourimage.jpg'是在你的公共文件夹。

<img src={'./yourimage.jpg'}/>

简单地使用

<img src='/image.extension' />

React会自动指向公共目录

要在公共场合引用图片，我知道有两种直接的方法。 一个像上面的Homam Bahrani。

使用

    <img src={process.env.PUBLIC_URL + '/yourPathHere.jpg'} /> 

既然这个方法有效，你真的不需要其他任何东西，但是，这个方法也有效。

    <img src={window.location.origin + '/yourPathHere.jpg'} />