javascript - 在react中本地导入图像

Question

我不明白导入在 React 中是如何工作的。我目前正在使用create-react-app。我在组件文件夹中有一个名为 images 的文件夹:

- src
  - components
    - images

在组件文件夹中，我还有一个名为 ProductSquare.js 的 js 文件。我正在尝试使用此行从图像文件夹导入图片

import bumper from './images/bumper1.png';

我尝试将其更改为仅 bumper1.png 和许多其他选项。我在这里做错了什么？ (希望将来有更好的方法来做到这一点)。

这就是程序员导入现实世界图片的方式吗？

Answer 1

尝试使用<img src={require('./images/bumper1.png')} />

附注类似的问题是here