在 ReactJs 中使用 css 文件使用背景图片

Question

我有一个 React 应用程序，在选中某些复选框时，我正在添加或更改某个图像图标。

.checkbox1:checked ~ .icon-span {
   background: url('../../../../assets/images/icon_plus.svg');
}

这是给我的：

background: url([object Module]); //invalid property value

但是路径是正确的，我该如何更正？

Answer 1

这应该有效 .checkbox1:checked ~ .icon-span { background: url(${require("../../../../assets/images/icon_plus.svg")}); }