Блог

Главная - Вопросы по программированию - В теге React не отображается изображение

В теге React не отображается изображение

#reactjs #image #url

#reactjs #изображение #url

Вопрос:

Я в недоумении, это кажется таким простым и простым.

Вот мой код.

 <div>
    <img src='../img/css.png' alt='CSS' />
</div>

Комментарии:

1. Не могли бы вы поделиться, как выглядит ваша структура папок в общедоступной?

Ответ №1:

Вам необходимо импортировать изображения из общей папки, используя следующий формат:

 <img
                                    alt="Duration"
                                    className={classes.hourseGlassIcon}
                                    src={process.env.PUBLIC_URL   '/assets/icons/duration.png'}
                                />

Путь к моему изображению: корневая папка -> общедоступные -> ресурсы -> значки/duration.png.

Ответ №2:

Попробуйте это:

 import React from 'react';
import Image from 'path/to/image';

const YourComponent = () => {
  return <img src={Image} />; 
};