how can I insert a background image in react for the whole screen?

Question

I am developing a react web page.

 var sectionStyle = {
      width: "100%",
      height: "100%",
      backgroundImage: "url(" +  background  + ")"
    };

<div style={ sectionStyle }></div>

This way, I tried to insert a background image. The background image is visualized only up to the amount of content available inside the div. I want to view it on the whole screen.

Answer 1

尝试height: "100vh"而不是100％

Answer 2

Try This way:

 var sectionStyle = {
      width: 100vh,
      height: 100vh,
      backgroundImage: "url(" +  background  + ")"
    };

<div style={ sectionStyle }></div>