如何在 Material-ui 中的 onFocus 上隐藏 Autocomplete 的标签？

【问题标题】：How to hide a label for Autocomplete on onFocus in Material-ui?如何在 Material-ui 中的 onFocus 上隐藏 Autocomplete 的标签？
【发布时间】：2020-06-08 21:14:43
【问题描述】：

我是 Material-ui 的新手。我正在尝试从@material-ui/labs 自定义Autocomplete 组件。我想隐藏字段标签。有人可以帮我定制相同的吗？ 我尝试将hiddenLabel="true" 标志添加到自动完成元素，但它不起作用。下面是一个沙盒链接。 https://codesandbox.io/s/material-demo-jwmp2

【问题讨论】：

  • 检查document 找到可以用作Autocomplete 的道具
  • 你可以试试：InputLabelProps={{shrink: false}}
  • 您应该使用占位符而不是标签。即placeholder="Combo box"

标签： reactjs material-ui react-material


【解决方案1】：

如果您只想删除文本字段的标签，则只需删除<TextField {...params} variant="outlined" />中的标签部分

这是相同的代码和框 - https://codesandbox.io/s/material-demo-rzxsi

【讨论】：

    【解决方案2】：

    如果您想隐藏 onSelect 上的标签，则可以在 TextField 中使用占位符代替标签或删除空白值的标签。

    这是相同的代码沙箱链接 https://codesandbox.io/s/material-demo-6kphs

    【讨论】：

      猜你喜欢
      • 2021-01-09
      • 2020-06-13
      • 2021-11-15
      • 1970-01-01
      • 1970-01-01
      • 2022-11-12
      • 2022-09-27
      • 1970-01-01
      • 2021-01-16
      相关资源
      最近更新 更多
      热门标签
      Java Python linux javascript Mysql C# Docker 算法 前端 SpringBoot Redis Vue spring 设计模式 .net core .net kubernetes c++ 数据库 数据结构 大数据 js 机器学习 微服务 Android Go 程序员 面试 JVM ASP.net core 云原生 人工智能 后端 PHP git CSS golang k8s Nginx Django mybatis 深度学习 多线程 React 架构 devops 爬虫 云计算 Spring Boot LeetCode