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方法,
- List.Item中onPress事件本质上还是调用onAction的点击,action里面的disabled属性和onPress方法仅向下传递,一直未被使用
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事件不生效。
文档上写的是这两个属性是支持的,通过对代码分析,发现并不支持,以下是对代码的分析过程:
1.TooltipMenu 向TooltipMenuItem传递的onPress事件,本质onAction方法,