Question

function myImage() {
  return (<img src={require("./images/redlantern1.jpg")}  />)
}

以我的回报：我有这个：

<Route exact path="/submitProperty" component={NavBar} />
<Route exact path="/submitProperty" component={submitProperty}/>
<Route exact path="/submitProperty" component={myImage}/>

NavBar应该位于submitProperty和myImage的顶部，但我希望myImage可以用作submitProperty的背景，而不是在其下方。

我尝试过：

import redlantern from './images/redlantern1.jpg'
<Route exact path="/submitProperty" component={submitProperty} style={{backgroundImage:{redlantern}}}/>

但是没有用。

谢谢

编辑：

我能够使用

设置背景

    <div style={{height: '100%', width: '100%', backgroundImage: 'url(https://media1.tenor.com/images/318cab8d6fecd9181284239fffadf69e/tenor.gif?itemid=12316453)'}}> 
      <Route exact path="/submitProperty" component={submitProperty} />
    </div>

但是它仅覆盖页面的一部分而不是整个页面。

编辑：

  <Route exact path="/submitProperty" component={NavBar} />
  <Route exact path="/submitProperty" component={submitProperty} />
  <Route exact path="/submitProperty" component={myImage}/>

给我https://imgur.com/a/tt63z9N

但是我希望图像在背景中填满整个页面，并且表格位于页面顶部

如何内联设置组件背景？

0 个答案: