reactjs - 如何在 Material ui文本字段的输入中修复占位符文本

标签 reactjs typescript material-ui textfield

我正在使用 Material ui 文本字段。

文本字段的当前行为是,占位符在焦点上位于文本字段的顶部。

Current behavior

我不希望它出现在文本字段的顶部

Before typing After typing

我尝试在 InputLabelProps 中给出 disableAnimation: true。但这行不通。我该怎么做才能实现这种行为?

最佳答案

尝试向 TextField 添加一个空标签。这样,当您开始编辑时,占位符不会向上移动,因为标签的位置已被“占用”。

<TextField
  id="standard-full-width"
  label=""
  placeholder="Placeholder"
/>

关于reactjs - 如何在 Material ui文本字段的输入中修复占位符文本,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/59387176/

相关文章:

javascript - 如何循环 Javascript 对象,将它们显示在表格中

reactjs - 在 Material-UI 面包屑导航中使用 React Router DOM 路由

reactjs - 在 MUI 数据网格中动态更改单元格值

javascript - 无法获取数组的长度并且 map() 不适用于该数组

javascript - 在 React 和 Webpack 5 中使用 Web Worker

javascript - 通过常量创建纯组件 - javascript 还是通过 React?

reactjs - React Quill 句柄状态更改名称属性未定义

javascript - 在 native react 中,当我在渲染部分放置 if 语句检查变量的值时,出现错误

typescript - 在某些目录中进行更改时防止重新启动 NestJS 服务器

javascript - projects.map 不是 jest-cli 的函数