reactjs - 无法在 reactjs 中设置图像路径

Question

我正在尝试获取图像路径但无法获取。我的代码文件在 src 的组件文件夹中，我的图像文件夹也在 src 文件夹中

function ImageWithText() {
render(){
return(
    <div class="col-md-6">
      <h2>Lorem</h2>
      <p>Lorem Ispum</p>
    </div>
    <div class="col-md-6">
      <img scr={require('./../images/foodone.jpg')} alt=""/>
    </div>
    );
   }
  }
   export default ImageWithText;

目录结构是

src-
   components-
       TextWithImage.js
   images-
       foodone.jpg

错误是

./src/Components/ImageWithText.js 模块未找到：无法解析“D:\react work\react javascript\react-tu\src\Components”中的“./images/foodone.jpeg”

标签： reactjs

Answer 1

试试 ../images

因为你说 js 文件在 src 下的 components 文件夹中，而 image 文件夹也在 src 中

所以基本上，

Src/
    Components/
        File.js
    Images/
        Cat.jpeg

使用 ./images 可以在 file.js 所在的同一目录中查找图像，但是使用 ../images 可以降低级别，即在 Src/

希望这可以帮助！