在我的項目中，我將react mui庫v3.9.3用于ui組件。我有一個文本區域字段:

<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>

我設置了fieldWrapper和textArea的樣式，如下所示:

fieldWrappper: {
    position: 'relative',
    display: 'grid',
  },
  textArea: {
    height: '100%',
    background: 'white',
  },

但是，textarea不會占據fieldWrapper的整個高度。你可以在這里看到:

看起來MuiInputBase已經獲得了父元素的完整高度。

在控制臺元素檢查器中，我可以看到，如果我將MuiPrivateTextarea-root的高度更改為100%,那么Textarea將采用完整的高度。但是，我看不到任何例子，在代碼中我可以在哪里以及如何做到這一點？