Skip to content

Tooltip.Menu Action不支持disabled属性和onPress方法 #1461

@ywp123123

Description

@ywp123123

Reproduction link

https://rn.mobile.ant.design/components/tooltip-cn/

Steps to reproduce

1.将actions 第一项添加disabled:true,第二项添加onPress事件
const actions = [
{ key: 'scan', icon: , text: '扫一扫',disabled:true },
{ key: 'payment', icon: , text: '付钱/收钱',onPress:()=>{console.info('123')} },
{ key: 'bus', icon: , text: '乘车码' },
{ key: 'assistant', icon: , text: '智能助理' },
]
2.点击浅色气泡菜单的“点我”按钮按钮
3.点击扫一扫
4.点击付钱/收钱

What is expected?

1.点击扫一扫,不可点击,不会触发onAction及其他点击事件,disabled禁用生效。
2.点击付钱/收钱,触发onPress事件,onPress事件生效。

What is actually happening?

1.点击扫一扫,会触发onAction事件,disabled禁用不生效。
2.点击付钱/收钱,不会触发onPress事件,onPress事件不生效。

Environment Info
antd 5.4.3
React 0.72.5
System IOS
Browser chrome 141.0.7390.77

文档上写的是这两个属性是支持的,通过对代码分析,发现并不支持,以下是对代码的分析过程:
1.TooltipMenu 向TooltipMenuItem传递的onPress事件,本质onAction方法,

Image
  1. List.Item中onPress事件本质上还是调用onAction的点击,action里面的disabled属性和onPress方法仅向下传递,一直未被使用
Image

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type
    No fields configured for issues without a type.

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions