Reactjs 如何在材质ui中显示长度超过文本字段宽度的文本？

目前，我正在开发带有ReactJs/Material UI的移动企业web，我有一个问题，即如何向用户显示一个比有限宽度

TextField

更长的字符

当然，用户可以通过触摸文本字段和移动光标来查看所有字符，但我需要一种更有效的方法

下面是我提出的想法

动画效果？（未触摸

TextField

时，前后移动使整个文本可见的效果）

当用户触摸文本字段时，显示多行文本字段。（动态

多行

按文本全长）

有什么想法吗

我会保持简单：

• 对于长文本（内容、描述…）：我将其设置为

  multiline

• 对于短文本（电子邮件、密码…），我将在手机上设置

  fullWidth

没有必要过度思考。看看你所知道的最受欢迎的网站上的表单，除了

fullWidth

或

multiline

之外，你还看到了什么吗

但是，如果将

TextField

设置为

multiline

，则当没有足够的空间显示长文本时，可以通过在css中设置

resize:both

使其自动调整大小。默认值为

none

（禁用）

const useStyles=makeStyles({
文本区域：{
调整大小：“两者”
}
});

您也可以使用，但它很烂，看起来一点也不像现成的MUI组件，所以不要使用它

现场演示

---

谢谢。它对我有用。我觉得很难。