将SVG组件作为背景图像传递给div

将SVG组件作为背景图像传递给div

不幸的是，您要实现的目标是不可能的。您必须将SVG保留为实际的.svg文件（并链接到该文件），或者做一些CSS技巧来将SVG组件放置在前台组件的后面。

换一种说法：

<!-- step.svg --><svg version="1.1" id="Layer_1" x="0px" y="0px" viewBox="0 0 193.3 129.7">  <!-- copy paste your svg here --></svg>

在您的组件中：

import stepSvgUrl from "../../components/UI/SVGs/step.// ...<Wrap key={step._id} bg={stepSvgUrl}>

当您以这种方式导入SVG文件时，create-react-app会将包含生成的URL的Webpack加载器应用于要导入的SVG-
可以将其传递给

background-image

css属性。

希望这可以帮助！