React JS - 具有不同宽高比的全屏背景图像

Question

我在svg中有一个背景图片，我想让它在整个屏幕上呈现它。我知道这可以通过将宽度和高度设置为100％来实现。

render() {
    let imgUrl = '/static/images/login_page.svg'
    let styles = {
      root: {
        backgroundSize: "stretch",
        width: "100%",
        height: "100%",
      }
    }

    return ( < div className = "contentview" >
        < div className = "test" >
        < img src = "/static/images/login_page.svg" style ={styles.root}/>
		</div >

        < /div>
		);

但是当我这样做时，宽高比保持不变，几乎一半的图像在屏幕下方（因为图像几乎是平方的）。这就是我设定的高度。 150,100或50，似乎无关紧要......

如果我想让100％的图像覆盖100％的屏幕，我该怎么设置？