reactjs /占据了100％的高度而没有滚动条

Question

好吧，我想离开一个屏幕高度为100％的页面 没有滚动条：

             Specs       Score
16    Predictor 17         inf
40    Predictor 41         inf
41    Predictor 42         inf
102  Predictor 103         inf
103  Predictor 104         inf
105  Predictor 106         inf
107  Predictor 108         inf
120  Predictor 121         inf
121  Predictor 122         inf
122  Predictor 123         inf
123  Predictor 124         inf
124  Predictor 125         inf
125  Predictor 126         inf
126  Predictor 127         inf
127  Predictor 128         inf
128  Predictor 129         inf
129  Predictor 130         inf
130  Predictor 131         inf
131  Predictor 132         inf
144  Predictor 145         inf
145  Predictor 146         inf
146  Predictor 147         inf
147  Predictor 148         inf
148  Predictor 149         inf
149  Predictor 150         inf
150  Predictor 151         inf
151  Predictor 152         inf
152  Predictor 153         inf
153  Predictor 154         inf
154  Predictor 155         inf
410  Predictor 411  113.389284
371  Predictor 372  107.523782
316  Predictor 317  105.745269
..             ...         ...

和我的CSS：

const SignIn = () => {
    const classes = useStyles();
    return (
        <div className={classes.root}>
        <Grid container spacing={2}  direction="column" justify="center" alignItems="center" >
        <Grid  item lg={12} md={12} sm={12} xs={12} >      
        <img src={require("../nodejs-icon.svg")} alt="bug" height={100} />
        </Grid> 
        </Grid>
        </div>
    );
}

但是我得到了这样的水平和垂直滚动条：

enter image description here

Answer 1

使用：

const loginStyle = (muiBaseTheme => ({
    root:{
        background: "#000",
        minHeight: '100vh',
        overflow: 'hidden',

    }
}));

隐藏滚动条。