我正在try 向Textfield的标签props 添加工具提示.我需要让它在touch 屏上工作,所以我手动处理打开和关闭事件.

但工具提示显示为两个不同的框

.

当我使用iPad Screen时,它看起来更奇怪.

有谁知道这件事吗? 这是样品https://codesandbox.io/s/draft-mui-tooltip-in-label-k9py2m?file=/src/App.tsx

推荐答案

我认为label中的组件不会被视为vDOM树的一部分,您最终会得到多个Tooltip元素.在这里,我将Tooltip移到了外面,但将它的子项留在了label内.

https://codesandbox.io/s/draft-mui-tooltip-in-label-forked-hc9vvv?file=/src/App.tsx

Reactjs相关问答推荐

在迁移到Redux—Toolkit 2.0和Redux5.0之后,我在extraReducer和Slice方面有点挣扎,

有没有办法让两个状态在两次精准渲染中更新?

如何将图像(在代码中称为自己)定位在蓝色圈内的点上?我正在使用material UI和Reaction

React Context未正确更新

如何在物料界面react 的多选菜单中设置最大 Select 数限制

自定义变量默认、聚焦和填充时所需TextField中标签的星号 colored颜色

React,当我调用handleSubmit()函数时,我正在将application/json和multiform/data中的数据发送到后端,但student_image中没有数据:null

onClick 事件处理程序未应用于样式组件

显示我是否加入聊天应用程序时出现问题

React中的功能性组件克隆优化

如何让 useEffect 在 React.JS 中只运行一次?

在react 中单击父级中的按钮时如何将数据从子级发送到父级?

根据其中的值不同地react setState 更新状态

如何读取 null 的属性?

null 不是对象(判断RNSound.IsAndroid)

我正在try 使用 cypress 测试我的下拉列表,它 Select 值但不提交它们(手动工作)

setState 改变对象引用

如何在props 更改时运行自定义挂钩?

在 Reactjs 中状态发生变化时渲染一个新组件而不替换旧组件

如何跨微前端 React 应用管理状态管理?