Как прописать путь к изображению в <img src={?}>?

199
29 октября 2018, 04:00

Имеется изображение, и необходимо прописать путь к нему, в src. Сам путь передается в компонент через props.

Во-первых,<img src="./path/img.png"> - если передавать так путь, то изображение не появляется, поэтому использую: <img src={require("./path/img.png")}> - если знаете вариант лучше, то буду рад его узнать.

Во-вторых, при передачи в require путь из props (<img src={require(this.props.card)}>), то появляется ошибка Error: Cannot find module ".".
this.props.card - 100% является строкой.
Как быть, как правильно передать путь в src?

Answer 1

Вы можете вызывать require не у потомка, а у родителя:

<MyComponent imageSrc={require("./image.jpg")} />

И использовать уже привычный метод:

<img src={this.props.imageSrc} />
READ ALSO
Не всегда Chrome воспроизводит видео

Не всегда Chrome воспроизводит видео

Браузер chrome не воспроизводит видеоЕсли нажимать около 5-10 раз кнопку обновления страницы то тогда видео начинает воспроизводится

181
html seo alternate Мультиязычность сайта

html seo alternate Мультиязычность сайта

Вопрос по поводу мультиязычности сайтаЕсть сайт на двух языках

197
Шаблонизация в обычном html

Шаблонизация в обычном html

Делаю интернет магазин, заказчик часто вносит правки - то футер переверстать, то хеадер, то карточку переделатьТакие компоненты встречаются...

173