html - 使用hiderBackdrop参数( Material ui)在Popover上使用onMouseLeave

   <Popover
       key={element.name}
       className={classes.popover}
       classes={{
         paper: classes.paper
       }}
       open={open}
       anchorEl={this.myRef.current}
       anchorOrigin={{
         vertical: 'bottom',
         horizontal: 'left'
       }}
       transformOrigin={{
         vertical: 'top',
         horizontal: 'left'
       }}
       disableRestoreFocus
       hideBackdrop
    >

我有这种弹出窗口，我想执行onMouseLeave事件，但是不起作用。我该如何解决？之所以发生是因为我认为这个元素之外没有另一个html元素，这是它不发出任何动作的原因。也许存在解决这个问题的方法？

这是文档上的链接-https://material-ui.com/utils/popover/

最佳答案

我不太确定要执行什么，但是Material-UI Popover具有onExit功能，该功能等效于onMouseLeave。

也许你可以做这样的事情，

     <Popover
       key={element.name}
       className={classes.popover}
       classes={{
         paper: classes.paper
       }}
       open={open}
       anchorEl={this.myRef.current}
       anchorOrigin={{
         vertical: 'bottom',
         horizontal: 'left'
       }}
       transformOrigin={{
         vertical: 'top',
         horizontal: 'left'
       }}
       disableRestoreFocus
       hideBackdrop
       onExit={() => {
         PLACE YOUR CODE HERE TO EXECUTE!!!!!
       }}
     >

让我知道是否有帮助。

关于html - 使用hiderBackdrop参数( Material ui)在Popover上使用onMouseLeave，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/54965013/