react 鼠标持续停留n秒触发事件

Question

我想要在react框架下实现一个功能，鼠标持续停留在一个div里3秒钟才能触发事件，请问具体有什么方法吗

//触发事件
handleChange = () => {
  this.setState({visible: true})
}

<div>停留3秒触发事件</div>

请问各位大神需要怎么操作啊

Answer 1

mouseenter 触发定时器3秒执行操作
mouseleave 清除存在的定时器