Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/reactjs/27.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Reactjs 注入一个react组件作为背景图像_Reactjs - Fatal编程技术网
Fatal编程技术网
  • reactjs/
  • Reactjs 注入一个react组件作为背景图像

Reactjs 注入一个react组件作为背景图像

reactjs

Reactjs 注入一个react组件作为背景图像,reactjs,Reactjs,我正在寻找最好的方式注入一个动态构建的图像作为我的背景图像。我可以创建图像并将其显示为div，但我希望它作为我身体的背景 <div className="App"> <mycomonent /> </div> 工作，但这不是我想要的 <body styles="background-image: {mycomponent}"></body> 您可以在React中使用常规DOM对象进行更改 doc

我正在寻找最好的方式注入一个动态构建的图像作为我的背景图像。我可以创建图像并将其显示为div，但我希望它作为我身体的背景

    <div className="App">
    <mycomonent />
    </div>
工作，但这不是我想要的

     <body styles="background-image: {mycomponent}"></body>
您可以在React中使用常规DOM对象进行更改

document.body.style.backgroundImage = `url("https://www.placecage.com/c/460/300")`;
工作演示