如何解决轮播图像路径问题

Question

我在 public 中有一个名为 "images" 的图像文件夹，在 src 中有一个名为 component 的文件夹。我试图定义图像的路径，但 none 正在显示。

我尝试参考如下所示的路径。

const items = [
  {
    src: '/public/images/fraction-slider/fraction_6.png',
    altText: 'Slide 1',
    caption: 'Slide 1'
  },
  {
    src: '/public/images/fraction-slider/fraction_2.png',
    altText: 'Slide 2',
    caption: 'Slide 2'
  },
  {
    src: '/public/images/fraction-slider/build.png',
    altText: 'Slide 3',
    caption: 'Slide 3'
  }
];

我希望图像能够显示

Answer 1

/public 将在构建 React 代码时很有价值。

所以开发的时候尽量去掉

Answer 2

谢谢，抱歉打扰大家了。我后来用 src: './images

解决了这个问题

const items = [
  {
    src: './images/fraction-slider/fraction_6.png',
    altText: 'Slide 1',
    caption: 'Slide 1'
  },
  {
    src: './images/fraction-slider/fraction_2.png',
    altText: 'Slide 2',
    caption: 'Slide 2'
  },
  {
    src: './images/fraction-slider/build.png',
    altText: 'Slide 3',
    caption: 'Slide 3'
  }
];

如何解决轮播图像路径问题

How do I solve a problem with image path for carousel

html

reactjs

reactstrap