Требовать возвращаемый объект, а не строку
Я пытаюсь импортировать изображение в React, используя
<Parallax filter image = {require("assets/img/DataServer.jpg")}></Parallax>
но вместо строки возвращает
Module {default: "/static/media/DataServer.bed2accd.jpg", __esModule: true, Symbol(Symbol.toStringTag): "Module"}
Как решить эту проблему?
Примечание. Я установил NODE_PATH=./src, а ресурсы находятся в src/.
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
![Безумие обратных вызовов в javascript [JS]](https://i.imgur.com/WsjO6zJb.png)
Безумие обратных вызовов в javascript [JS]
Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
JavaScript Вопросы с множественным выбором и ответы
Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...
0
1
214
2
Перейти к ответу
Данный вопрос помечен как решенный
Ответы 2
использовать:
import img from "assets/img/DataServer.jpg"
<Parallax filter image = {img}}></Parallax>
img будет преобразован в путь к изображению.
Ответ принят как подходящий
с этой структурой:
/src
/assets
...component
импортировать подобные модули:
import DataServerImage from "./assets/img/DataServer.jpg";
затем используйте:
<Parallax filter image = {DataServerImage}></Parallax>
Я думаю, вы должны указать папку с помощью ./ , тогда также требуется работа: image = {require("./assets/img/DataServer.jpg")}
—
12.12.2020 10:27
Другие вопросы по теме
Как я могу получить продолжительность звука mp3-файла в React
Как выполнить маршрутизацию из другого компонента в React JS
SingleDatePicker по датам реакции не закрывается при изменении
Gatsby Source Contentful 4.x — форматированный текст — переход на JSON
Как изменить ширину линии значка React?
Вернуть функцию очистки, возвращающую форму асинхронной функции в userEffect в реакции Native
Как мы можем сделать анимированное зачеркивание в реагирующем нативном тексте?
Я не могу использовать загрузку приложений на своем родном языке. Это не будет работать должным образом
Установить изображение в качестве значка внутри кнопки
Добавление HTML-элемента внутрь объекта
Похожие вопросы
Флажок категории и подкатегории с использованием javascript и CSS
Как автоматически установить фокус на поле <input>, когда оно появляется в области просмотра после прокрутки?
Как заставить бота Discord сообщать текущую дату и время по команде?
Как сделать акцент на конце текста в поле ввода поиска Google?
Кнопки jQuery при нажатии на кнопку jQuery не работают
AddEventListener не работает с недавно добавленным innerHtml?
Javascript не может получить доступ к свойству объекта
Доступ к элементу внутри данных JavaScript другого элемента
Как добавить пользовательскую строку перед элементом массива с помощью JS join()
Вернуть функцию очистки, возвращающую форму асинхронной функции в userEffect в реакции Native
Реагировать или нет не имеет значения. Какую систему сборки/транспилятор вы используете, какой синтаксис модуля (ES6 или commonjs) и где вы запускаете этот код?