Javascript React mui-设置textarea以获取父元素的高度

我在项目中使用v3.9.3作为UI组件。我有一个textarea字段：

  <div className={classes.fieldWrappper}>
    <TextField
      id="filled-multiline-static"
      label="Oppgavetekst"
      multiline
      value={tekst}
      onChange={onTekstChange}
      InputProps={{classes: {root: classes.textArea}}}
      InputLabelProps={{
        shrink: true,
      }}/>
  </div>

但是，textarea并没有占据

字段包装器的整个高度。你可以在这里看到：


看起来MuiInputBase已获得父元素的完整高度


在控制台元素检查器中，我可以看到，如果我将
muiprivatextarea根
更改为具有高度
100%
，则textarea将占据整个高度。但是，我在代码中没有看到任何示例，我可以在哪里以及如何在代码中这样做？
为什么要为fieldWrapper设置
display:grid
？
fieldWrappper: {
    position: 'relative',
    display: 'grid',
  },
  textArea: {
    height: '100%',
    background: 'white',
  },