tdesign-react icon indicating copy to clipboard operation
tdesign-react copied to clipboard

fix(popup): function component as triggerNode, but popup wont work

Open chrislol98 opened this issue 5 months ago • 1 comments

🤔 这个 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 已提供或无须提供

chrislol98 avatar Sep 17 '24 17:09 chrislol98