Как решить проблему с путем к изображению для карусели

Question

У меня есть папка с изображениями с именем "images" публично и компонент с именем fold в srcЯ пытался определить путь к изображениям, но ни один не отображается.

Я попытался сослаться на путь, как показано ниже.

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

Спасибо, извините за беспокойство всех вас.Позже я исправил проблему с 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'
  }
];

Answer 2

/public будет полезно, когда будет создан код реакции.

Поэтому, пожалуйста, попробуйте удалить его при разработке