gpt4 book ai didi

javascript - Popover 组件 - onExited 回调不起作用, Material ui

转载 作者:太空狗 更新时间:2023-10-29 14:21:46 25 4
gpt4 key购买 nike

        <Popover
key={element.name}
classes={{
paper: classes.paper
}}
open={open}
anchorEl={this.myRef.current}
anchorOrigin={{
vertical: 'bottom',
horizontal: 'left'
}}
transformOrigin={{
vertical: 'top',
horizontal: 'left'
}}
BackdropProps={
{
classes: { root: classes.backdrop }
}
}
onExited={this.handlePopoverClose}
>

onExited 回调不工作,onClose 工作正常,请帮我找出为什么会发生,是 material ui 上的问题> ,或者在我的代码中 ??我也尝试过使用 onMouseLeave 但它也不起作用

 paper: {
display: 'grid',
justifyContent: 'center',
backgroundColor: palette.common.black,
flexFlow: 'wrap',
width: 1128,
height: 432,
borderRadius: '0 0 8px 8px',
padding: '56px 40px 66px 40px',
overflow: 'hidden',
gridTemplateColumns: 'auto auto auto auto',
position: 'absolute',
zIndex: 20
},

backdrop: {
background: 'transparent',
zIndex: 20
},

在上面你可以找到我为这个 Popover 指定的 css 样式

最佳答案

onExited 事件在 Popover 成功关闭时触发。为此,您需要先调用一个关闭 Popover 的函数。

<Popover
key={element.name}
open={open}
anchorEl={this.myRef.current}
onClose={this.handlePopoverClose}
onExited={() => console.log("The Popup closed")}
>
...
</Popover>

关于javascript - Popover 组件 - onExited 回调不起作用, Material ui,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/54976168/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com