Как я могу отобразить изображение локально в ответ, используя локальный сервер? - PullRequest
Новая
       16

Как я могу отобразить изображение локально в ответ, используя локальный сервер?

0 голосов
/ 27 января 2019

Я видел пару потоков по отображению изображений в реакции, но они, похоже, не соответствуют тому, что мне нужно, здесь.

Прежде всего, я запустил проект с использованием npxcreate-реагировать-приложение, а затем я использовал функцию запуска npm, предоставленную тем, что было сгенерировано для меня.

Теперь, когда я пытаюсь визуализировать тег изображения, кажется, что ничего не работает.В моем отладчике я вижу, что URL проходит так, как я этого ожидаю, но я пробовал что-то вроде: 

./images/image.png
/images/image.png
images/image.png
src/images/image.png
localhost:3000/images/image.png
require("./images/image.png")

Я пытался переместить изображение в корневую папку и просто установить srcбыть "image.png", и я попробовал почти каждую комбинацию имен путей файлов, которые я мог придумать.То, что было показано выше, было просто небольшим образцом.

Для справки, в моей файловой структуре я работаю в папке с именем src, в которой находится папка с изображениями, в которой содержится рассматриваемое изображение.Визуально это выглядит так: 

> src/
  index.js
  > images/
    image.js

, а также некоторые другие неактуальные файлы, такие как index.html.Я могу получить другие вещи для рендеринга, но не этот тег img, это сводит меня с ума!Спасибо всем, кто может помочь!

1 Ответ

0 голосов
/ 28 января 2019

Как насчет заключить его в скобки, например: 

<img src={"./path/to/image"} />

или импортировать сначала: 

import img from "./path/to/img";

<img src={img} />

Например, вы используете это изображение внутри index.js: 

import img from "./images/image.png";

<img src={img} />
...