将 src 路径 backgroundImage 从 url 更改为文件夹 CSS ReactJS答案

【问题标题】：Change src path backgroundImage from url to folder CSS ReactJS将 src 路径 backgroundImage 从 url 更改为文件夹 CSS ReactJS
【发布时间】：2019-09-18 23:42:00
【问题描述】：

我正在尝试从 Materail-UI 按钮图像组件更改 ImageBackground。问题是 CSS 配置需要一个 backgroundImage 但他们不是从我的文件系统文件夹中搜索通过 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')",
            }}
          />

预期结果是通过文件系统文件夹本地资源管理器而不是通过 url 从 src 图像进行跨度搜索！

【问题讨论】：

标签： css node.js reactjs material-ui

【解决方案1】：

在 ES5 中你可以这样做

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

在 ES6 中，

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

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

【讨论】：

非常感谢！是需要（'路径图像文件'）。抱歉这个菜鸟问题！