要禁止点击,可以在 <li>
标签中添加一个 disabled
属性,将其值设置为 true
。这样就可以阻止用户点击该元素。例如:
<li className={!haveAuthByCode('HotelinfoTagsDelete') ? 'delNoClick' : ''} disabled={!haveAuthByCode('HotelinfoTagsDelete')}>
<Popconfirm
title="删除后不可找回,是否确认删除?"
okText="确认"
cancelText="取消"
disabled={record.relationServiceCode != null && record.relationServiceCode != ''}
onConfirm={() => onAmenDel(record)}
>
删除
</Popconfirm>
</li>
在上面的示例中,如果用户没有 HotelinfoTagsDelete
权限,则会给 <li>
元素添加一个名为 delNoClick
的 CSS 类名,并且设置了 disabled
属性为 true
。这样即使用户点击了该元素,也无法触发事件或执行相关操作。
内容由零声教学AI助手提供,问题来源于学员提问