Reactjs 是否可以在React中提供React组件作为背景图像url？

是否可以在React中提供React组件作为背景图像url

例如：

 <div style={{ backgroundImage: `url(${Img})` }} > {Some text ... }</div>

---

我需要渲染Img组件，它也是一个JSX组件，作为屏幕上的图像。现在它什么也不返回，我也没有得到图像。任何帮助都将不胜感激。TIA

你不能。Url func只接受字符串（Url、base64、数据等）。例如，您可以组合这些组件并实现与CSS定位相同的效果。

您无法将组件分配给CSS url方法，您需要传递路径，相关问题：

HTML元素不是CSS背景图像的有效值。您需要一个到资产的路径。

 const Img = () => (
       return (
              <svg>...</svg>)
 )