问材质UI TextField多行固定行数

EN

它确实以预期的方式正确地工作。道具maxRows和minRows控制显示了多少可见行。因此，如果希望固定数目的5行始终可见(即5行，即使TextField是空的，仍然显示5行空行)，则需要同时设置maxRows和minRows。

但是，这仍然允许用户输入无限长度的文本，每次只有5行是可见的。要控制文本的长度，估计大约有5行字符(带有空格)，并在maxLength上设置inputProps支柱。就像这样：

<TextField
  maxRows={5}
  minRows={5}
  inputProps={{ maxLength: 50 }}
  multiline
  //  sx={{ maxWidth: 200 }}
/>

简单的方法是将rows设置为所需的数字，如下所示：

<TextField multiline rows={5}/>

注意:我使用的是rows而不是maxRows。

MUI-Documentation: https://mui.com/material-ui/react-text-field/#multiline

多行道具将文本字段转换为TextareaAutosize元素。除非设置了rows支柱，否则文本字段的高度将动态匹配其内容(使用TextareaAutosize)。您可以使用minRows和maxRows道具来绑定它。