В вашем случае это должно работать везде:

ичок в ReactJS, и я хочу импортировать изображения в компонент. Эти изображения находятся в общей папке, и я не знаю, как получить доступ к папке из компонента реагировать.

Есть идеи ?

РЕДАКТИРОВАТЬ

Я хочу импортировать изображение внутри Bottom.js или Header.js

Папка структуры:

Я не пользуюсь webpack. Нужно ли мне ?

Редактировать 2

Я хочу использовать веб-пакет для загрузки изображений и остальных ресурсов. Итак, в моей папке конфигурации у меня есть следующие файлы:

Где мне нужно добавить пути к изображениям и как?

Спасибо

 Joel Harkes09 нояб. 2017 г., 09:08
эта папка общедоступна для чего? какова структура вашего проекта? Вы также объединяете изображения с веб-пакетом или это исключено? и т. д. и т. д. контекстный контекст
 Aceconhielo09 нояб. 2017 г., 09:14
@JoelHarkes отредактировал.
 Yashu Mittal20 февр. 2018 г., 12:58
Какая польза от папки конфигурации?
 Joel Harkes09 нояб. 2017 г., 09:17
кажется, что это не упаковано. ты пробовала:src="/images/logofooter.png"?

Ответы на вопрос(3)

В вашем компоненте просто укажите путь к изображению. По умолчанию реакция будет известна в публичном каталоге.

<img src="/image.jpg">

бщем каталоге. В результате что-то вроде'./images...' не будет работать. Скорее в вашем компоненте кнопки есть импорт как это:

import myImage from '../../public/images/logofooter.png'

Это предпочтительный способ импорта статических ресурсов в компонент реакции. И вы можете использовать этот импорт следующим образом:

<Button srcAsProp={myImage}/>

или просто:

<div><img src={myImage}/></div>
 ivosh27 дек. 2018 г., 17:22
Относительный импорт вне каталога src / не поддерживается.
 Prakhar Mittal17 мар. 2019 г., 23:55
Модуль не найден: вы попытались импортировать ../../public/images/logofooter.png, который находится вне каталога проекта src /. Относительный импорт за пределами src / не поддерживается. Это ошибка, которую вы получите
Решение Вопроса

я знаю, как это сделать напрямую. Один из них выше Хомама Бахрани.

с помощью

    <img src={process.env.PUBLIC_URL + '/yourPathHere.jpg'} /> 

И поскольку это работает, вам больше ничего не нужно, но это тоже работает ...

    <img src={window.location.origin + '/yourPathHere.jpg'} />
 Prakhar Mittal17 мар. 2019 г., 23:58
В консоли не отображается никаких ошибок, но изображение отображается как значок изображения по умолчанию, а не тот, который я импортировал. Я пробовал оба случая, которые вы упомянули. Пожалуйста, помогите мне. Спасибо !

Ваш ответ на вопрос