Material UI React的TextField多行组件如何设置最小行数且超出无滚动

你当前使用的rows属性会固定多行文本框的行数，内容超出后就会触发滚动条，无法实现自动扩容效果。
正确配置方式是将rows替换为minRows属性，该属性用于定义文本框的最小展示行数，不额外设置maxRows属性时，文本框会随着内容长度自动增高，不会出现滚动条。

正确代码示例 #

<TextField
  id="outlined-multiline-static"
  label="Multiline"
  multiline
  minRows={3}
  defaultValue="Default Value"
  variant="outlined"
/>

可选配置 #

如果需要限制文本框的最大高度，可以额外添加maxRows属性，比如maxRows={8}，此时内容超出8行后才会出现滚动条。

内容的提问来源于stack exchange，提问作者Santhosh