大佬教程收集整理的这篇文章主要介绍了React Bootstrap - 如何使 OverlayTrigger 自动淡出,大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我是新手,我想添加一个弹出窗口,但现在我想让它自动淡出。提前致谢
export default function CommentComponet(props) {
const popover = (
<Popover ID={`popover-basic-${props.index}`}>
<Popover.Content>
{props.comment}
</Popover.Content>
</Popover>
);
return (
<div classname="eat-tab mb-3">
<a
classname={`eat-btn eat-btn-${props.index} ${
props.activeTag === props.index ? `active-${props.index}` : ""
} d-inline-flex align-items-center w-100`}
href="#"
onClick={() => props.onChangeActiveTag(props.indeX)}
>
{props.titlE}
<FaAngleRight classname="ml-auto" />
</a>
<Overlaytrigger trigger="click" placement="right" overlay={popover} rootClose>
<span classname="eat-comment">
<span>
<img src={ChatIcon} />
<div>{props.comment}</div>
</span>{" "}
<img src={InfoIcon} />
</span>
</Overlaytrigger>
</div>
);
}
暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!
如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。
小编邮箱:dio#foxmail.com (将#修改为@)
以上是大佬教程为你收集整理的React Bootstrap - 如何使 OverlayTrigger 自动淡出全部内容,希望文章能够帮你解决React Bootstrap - 如何使 OverlayTrigger 自动淡出所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。