3

我正在为我的项目中的 UI 组件使用react mui 库v3.9.3。我有一个 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>

我已经设置了 and 的样式，fieldWrapper如下textArea所示：

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

但是， textarea 并没有占据fieldWrapper. 你可以在这里看到：

在此处输入图像描述

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

在此处输入图像描述

在控制台元素检查器中，我可以看到，如果我将其更改MuiPrivateTextarea-root为具有 height 100%，那么 textarea 将占据整个高度。但是，我没有看到任何示例，我可以在代码中的何处以及如何执行此操作？

4

0 回答 0