如何在 React 中使用图像作为数据

Question

如何在 React 中使用数据类型中的图像

我尝试在 img 数据中使用 img src ！在我的文件夹中获取 img 存储！以数据类型显示

Answer 1

使用 img 标签和 src 属性设置为图片的 URL，如果图片存储在您的项目文件夹中，您需要先将图片导入到您的组件中，然后将导入的值用作 src 属性。

将图像导入您的组件：

javascript
import myImage from './myImage.png';

使用导入的图片作为img标签的src属性：

javascript
function MyComponent() {
  return (
    <div>
      <img src={myImage} alt="My Image" />
    </div>
  );
}