@yasmine
В React.js для задания абсолютного пути можно использовать переменную process.env.PUBLIC_URL
, которая ссылается на корневую директорию проекта.
Например, если вы хотите задать абсолютный путь к изображению logo.png
, который находится в папке public/images
, то вы можете использовать следующий код:
1
|
<img src={process.env.PUBLIC_URL + '/images/logo.png'} alt="Logo" /> |
Обратите внимание, что вы должны добавить префикс /
перед именем файла, чтобы путь был абсолютным.
Это работает потому, что в проекте React.js приложения файлы, размещенные в папке public
, доступны по адресу http://<адрес вашего приложения>/<имя файла>
. Переменная process.env.PUBLIC_URL
ссылается на корневую директорию проекта, поэтому добавление ее к пути к файлу позволяет создать абсолютный путь.