Javascript 材质ui中的文本区域

有人能帮我使用material ui library将TextField个性化设置为TextArea吗？我没有发现任何参数可以将其个性化设置为文本区域：

这是文本区域：（CMD/Ctrl+F“文本区域”）

文本区域比文本字段高，并将溢出文本换行到 新线。当光标到达屏幕底部时，它们会垂直滚动 田野

---

要使

TextField

像

textarea

一样工作，可以使用

multiline

prop。您可以阅读更多关于

文本化的
及其
道具的信息

示例

<TextField
  placeholder="MultiLine with rows: 2 and rowsMax: 4"
  multiline
  rows={2}
  rowsMax={4}
/>



如果要使用内容缩放多行输入框（无论内容长度），可以设置
rowsMax={Infinity}
。
应使用材质UI中可用的
textraeaautosize
API

import TextareaAutosize from '@material-ui/core/TextareaAutosize';
// or
import { TextareaAutosize } from '@material-ui/core';**

以下示例具有TextareaAutosize的所有属性：
我使用了轮廓多行
来模拟类似文本区域

我实现了创建一个主题，以便在
@BishopZ中的任何位置全局应用。没有主题，很难说问题出在哪里。提示：如果要使用内容缩放多行输入框（无论内容长度如何），可以设置
rowsMax={Infinity}
但是
TextField
的内部文本基本上变小了。我们必须用自定义css覆盖它吗？但是看起来一点也不像材料。你知道如何将这个组件与
InputBase
一起使用以获得相同的样式和主题吗
import { createMuiTheme} from '@material-ui/core/styles';
const theme = createMuiTheme({
 overrides: {
    MuiOutlinedInput: {
        multiline: {
            fontWeight: 'bold',
            fontSize: '20px',
            color: 'purple',
            width: '50vw'
        }
    }
}
  
});
export default theme;

...
import { ThemeProvider } from '@material-ui/core/styles';
import Theme from './relevant-path-where-the-above-theme.js-file-is-saved/Theme';
...
...
render() {
    
    return (
      <ThemeProvider theme={Theme}>
        <div className="App"> 
            <Routes/>
        </div>
      </ThemeProvider>
        
    );
  }

...
<TextField
  id="outlined-multiline-static"
  label="Multiline"
  multiline
  rows={10}
  variant="outlined"
/>
...