当单击事件时,我无法将弹出窗口添加到事件中。弹出窗口似乎只显示在事件槽中,而不是显示在事件槽的顶部。此外,由于我为事件创建了一个自定义组件并尝试在自定义组件中实现弹出窗口,因此只有当我单击事件名称时才会显示弹出窗口。
这是代码:
class CustomEvent extends React.Component {
constructor(props){
super(props)
}
render(){
console.log(this.props);
let popoverClickRootClose = (
<Popover id="popover-trigger-click-root-close" style={{zIndex:10000}}>
<strong>Holy guacamole!</strong> Check this info.
</Popover>
);
return (
<div>
<OverlayTrigger id="help" trigger="click" rootClose container={this} placement="bottom" overlay={popoverClickRootClose}>
<div>{this.props.event.title}</div>
</OverlayTrigger>
</div>
);
}
}
在日历中的哪个位置,道具components={{event:CustomEvent}}
.
你能试试这个吗:
<Popover id="popover-trigger-click-root-close" style={{opacity:1}}>
问题是您的 fadeIn 和 fadeOut 类无法正常工作,因此不透明度永远不会从 0 变为 1。
这不是完美的解决方案,因为您只是在解决问题,但应该让您朝着正确的方向前进。
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)