antd的popover组件如何隐藏？

Question

<Popover
      visible={this.props.event?.deviceCode === item.deviceCode}
      title={
             <>
                 <AlertOutlined />
                 <span>报警</span>
             </>
      }
      content={
               <span style={{ color: 'tomato' }}>{this.props.event?.msg || ''}
               </span>
              }
      >
              <span className="machine-name-text">{item.deviceName}</span>
</Popover>

这是我的popover
用的是蚂蚁的antd库

我每次用visible可以控制打开关闭

但是我想要设置滞留时间 比如1秒以内没有关闭就自动关闭

好像没有duration之类的props

手动设置一个定时器我又不知道从哪儿下手

谢谢大佬～～～～

Answer 1

 setPopoverTimer = (code, msg) => {
        this.setState({
            event: {
                deviceCode: code,
                msg: msg
            }
        })
        setTimeout(() => {
            this.setState({
                event: {
                    deviceCode: "",
                    msg: ""
                }
            })
        }, 1500)
    }

    componentWillReceiveProps(props) {
        if (props.event.deviceCode && props.event.msg) {
            this.setPopoverTimer(props.event.deviceCode, props.event.msg)
        }
    }

如果有更好的解决方案 欢迎回复～

Answer 2

那就在onVisibleChange下定时器吧