Как добавить изображение в ответ с помощью посылки?

Question

Я пытался добавить изображение в react.Я не использую webpack, я использую parceljs.Также используя typescript Я попытался:

import image from path/to/image.png <img src={image} />

внутри реактивного компонента:

try: <img src="path/to/image.png" />

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

Тем не менее, не работает.

код выглядит примерно так:

import * as React from 'react';

const componentName = () => (
  <div>
     <img src="path/to/image.png" />
  </div>
);

Answer 1

Это не отличается между <img src="path/to/image.png"/> и <img src={"path/to/image.png"}/>, вы должны import ваше изображение и затем использовать его как JavaScript объект, см. Ниже:

import somePhoto from 'path/to/image.png';

Вы не делаетеприслушайся к 'path/to/image.png'; и пиши как ничего.введите свой путь в кавычке.Затем в вашем коде react JSX напишите свой тег img, как показано ниже:

<img src={somePhoto} />

Существуют и другие способы.в других react проектах мы используем другой сервер для загрузки изображений.но конкретные изображения для применения должны быть такими же, как указано выше.

Answer 2

Вы должны сделать это следующим образом

import image from 'path/to/image.png';

А затем в своей реакции JSX следуйте приведенному ниже коду:

<img src={image} />