material-ui [Tooltip] 默认情况下,作为子元素的Tooltip会从父元素中获取onClick属性,

atmip9wb  于 6个月前  发布在  其他
关注(0)|答案(6)|浏览(48)

问题是什么?🤔

当MUI Tooltip作为交互元素的子元素时,它默认会从父元素中获取onClick属性。这是bug还是预期的行为?有一种解决方法是将e.stopPropagation设置为componentProps,但如果它能将其作为默认属性就更好了。

需求是什么?❓

  • 无响应*

我们的选择是什么?💡

  • 无响应*

提议的解决方案🟢

  • 无响应*

资源和基准测试🔗

  • 无响应*
ebdffaop

ebdffaop1#

你好,@siriwatknp ,抱歉没有回应,这个任务落后了。我准备了一个简单的代码沙箱示例。试着从工具提示中复制文本,它会改变父组件的背景颜色。这种用法是错误的吗?

b5buobof

b5buobof2#

你好,@siriwatknp ,这个问题有什么新进展吗?它仍然处于打开状态。谢谢。

gojuced7

gojuced73#

即使我也遇到了同样的问题。

<TableCell onClick={handleClick}>
   <Tooltip 
      title='My Awesome Title'
      PopperProps={{
         onClick(e) {
            e.stopPropagation();
         }
      }}
   >
      <span>My Awesome Title</span>
   </Tooltip>
</TableCell>

在为 PopperProps 附加一个点击事件处理程序后,它告诉他们 stopPropagation() 解决了我的问题 :)

ovfsdjhp

ovfsdjhp4#

我今天遇到了这个问题;我的卡片组件有一个子提示,我注意到点击这个提示(为了选择它的文本)会触发卡片的onClick!解决起来很容易,只是想提高一下问题的可见性。

7fhtutme

7fhtutme5#

你能分享一个展示如何使用它的CodeSandbox吗?通常,交互元素应该用Tooltip包裹,而不是反过来。

wz3gfoph

wz3gfoph6#

由于问题缺少关键信息且已处于7天不活跃状态,因此已被自动关闭。如果您希望看到问题重新打开,请提供缺失的信息。

相关问题