tdesign-react
tdesign-react copied to clipboard
fix(popup): function component as triggerNode, but popup wont work
🤔 这个 PR 的性质是?
- [x] 日常 bug 修复
- [ ] 新特性提交
- [ ] 文档改进
- [ ] 演示代码改进
- [ ] 组件样式/交互改进
- [ ] CI/CD 改进
- [ ] 重构
- [ ] 代码风格优化
- [ ] 测试用例
- [ ] 分支合并
- [ ] 其他
🔗 相关 Issue
💡 需求背景和解决方案
import React from 'react';
import { Popup } from 'tdesign-react';
function Button(props) {
return <button>点击</button>;
}
export default function Disabled() {
return (
<Popup trigger="hover" disabled showArrow content="这是一个弹出框">
<Button></Button>
</Popup>
);
}
点击无效
解决方法:
1.给组件加一个data-popup,之后通过这个data-pop去找这个dom节点,这种情况直接去掉
2.不管子节点是什么,都在外层加一个<span/> 标签就行了
📝 更新日志
-
fix(popup): 修复函数组件点击不会出现popup问题
-
[ ] 本条 PR 不需要纳入 Changelog
☑️ 请求合并前的自查清单
⚠️ 请自检并全部勾选全部选项。⚠️
- [x] 文档已补充或无须补充
- [x] 代码演示已提供或无须提供
- [x] TypeScript 定义已补充或无须补充
- [x] Changelog 已提供或无须提供