javascript - 在ReactJS中将图像设置为对象

Question

我正在尝试在ReactJS中将图像设置为对象，但我不知道语法，我在谷歌上查找，但没有找到任何东西!我不知道这是否可能？

代码如下:

const items = [
  {
    src: '../images/hb1.jpg',
    altText: 'slide 1',
    caption: 'dfjkdfjksdfjk',
    header:'something'
  },
  {
    src: '../images/hb1.jpg',
    altText: 'slide 1',
    caption: ' asdasdasd',
    header:'something'

  },
  {
    src:'../images/hb1.jpg',
    altText: 'Slide 3',
    caption: 'dasjdasdkj',
    header:'something'

  }
];

我稍后在这里称之为:

<img src={item.src} alt={item.altText} />

我尝试了 'url('../url')' 但没有成功!

Answer 1

您的图像路径应该相对于网站的项目根图像目录。

例如:

您的域名是 www.example.com。您的图像将放置在您的公共(public)文件夹 /images 中。

因此，在您的应用中，您应该按如下方式链接图像:

<img src='/images/test.png' />