问题: tooltip组件包裹自定义组件不生效,悬浮时不展示弹框。
原因: ant design的tooltip组件的文档最后描述:请确保 Tooltip 的子元素能接受 onMouseEnter、onMouseLeave、onFocus、onClick 事件。
应该是为了实现悬浮展示弹框的功能,tooltip需要给子元素注入一些鼠标事件响应函数。
解决方法: 子元素需要接收tooltip的事件响应函数。
import React from 'react';
export default (props) => {
const { paramA, paramB, ...rest } = props;
return <div {...rest}>
{/* 自定义内容 */}
</div>;
}