Измените путь src backgroundImage с URL-адреса на папку CSS ReactJS

Я пытаюсь изменить ImageBackground из компонента изображения кнопки Materail-UI. Проблема в том, что для конфигурации CSS требуется фоновое изображение, но они ищут в браузере URL-адресов, а не в папках моей файловой системы.

Ссылки на изображения:

https://imgur.com/2Jhspvq.jpg

https://imgur.com/Vvvww53.jpg

https://imgur.com/cnT4yF4.jpg

          <span
            className = {classes.imageSrc}
            style = {{
              backgroundImage: "url('./juego.png')",
            }}
          />

Ожидаемый результат заключается в том, что поиск по диапазону из изображения src через локальный проводник папки файловой системы, а не по URL-адресу!

css node.js reactjs material-ui

30.04.2019 12:15

Приемы CSS-макетирования - floats и Flexbox

Здравствуйте, друзья-студенты! Готовы совершенствовать свои навыки веб-дизайна? Сегодня в нашем путешествии мы рассмотрим приемы CSS-верстки - в...

Введение в CSS

CSS является неотъемлемой частью трех основных составляющих front-end веб-разработки.

Как выровнять Div по центру?

Чтобы выровнять элемент <div>по горизонтали и вертикали с помощью CSS, можно использовать комбинацию свойств и значений CSS. Вот несколько методов,...

Навигация по приложениям React: Исчерпывающее руководство по React Router

React Router стала незаменимой библиотекой для создания одностраничных приложений с навигацией в React. В этой статье блога мы подробно рассмотрим...

Система управления парковками с использованием HTML, CSS и JavaScript

Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...

CSS: FlexBox

Ранее разработчики использовали макеты с помощью Position и Float. После появления flexbox сценарий полностью изменился.

Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

вы можете сделать так, в ES5

 <span
      className = {classes.imageSrc}
      style = {{
          backgroundImage: `url(require("path to your image file"))`,
      }}
 />

в ЭС6,

import image from './image.jpg' //path to file

style = {{backgroundImage : `url(${image})`}}

Большое спасибо! Было ли требование («путь к файлу изображения»). Извините за нубский вопрос!

— 30.04.2019 15:44

30.04.2019 12:21

Другие вопросы по теме

Как прикрепить файл к электронной почте в Node.js с помощью элемента управления загрузкой файлов

Почему после установки кукловода в проекте появляется красный восклицательный знак?

Ошибка Oauth invalid_request: redirect_uri не внесен в белый список

Ошибка аутентификации AWS Iot при использовании Open Id Connectivity

Как обновить документ в MongoDB без вставки повторяющейся записи?

«Недопустимый размер холста» при рендеринге PDF в PNG с использованием pdf.js

SetInterval вложен в другой setInterval

Получение проблемы с npm при запуске проекта

Mongoose — запрос глубоко вложенных объектов

Создайте сокет на стороне клиента (Winsock, MQL5, MT5) и сокет на стороне сервера, используя (NodeJS + Socket.io)

Измените путь src backgroundImage с URL-адреса на папку CSS ReactJS

Ответы 1

Другие вопросы по теме

Похожие вопросы