Question

        <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
    },

上面您可以找到我为此css分配的Popover样式

Answer 1

弹出窗口成功关闭后，将触发isErrorPage事件。为此，您需要首先调用关闭Popover的函数。

onExited

Popover组件-onExited回调无效，用户界面严重

1 个答案: