如何使用 CSS 在 React.js 中设置图像背景？

Question

我想在CSS中导入一张图片来设置背景，但我无法导入它，图片存储在public文件夹中。有人有解决方案吗？

这是代码：

   background: url("../image.jpg") top left/cover no-repeat;
  display: table-cell;
  width: 50%;
}

Answer 1

我认为你应该删除 ../ 并只写 background: url("/image.jpg")

Answer 2

直接使用图片发布是不行的。在 JSX 中，你应该像这样导入图像：

import img from "../../assets/image.jpg";

然后设置为backgroundImage:

<div style={{ backgroundImage: `url(${img})` }}>example</div>

How to set image background in React.js using CSS?