通过 mouseover事件 触发 click事件
const mouseEvent = new MouseEvent('click', {//创建一个 click 的鼠标事件 并让他点击
bubbles: true,
cancelable: true,
})
useEffect(() => {
var els = document.getElementsByClassName('ant-tabs-tab')
var top = document.getElementsByClassName('ant-tabs-tab-btn')
console.log(els.length)
console.log(top.length)
for (let i = 0; i < top.length; i++) {
top[i].addEventListener('mouseover', function () {//给某个 dom 在=绑定 mouseover 事件
els[i].dispatchEvent(mouseEvent)// 在 mouseover 中将想要进行的 click 通过 dispatchEvent 事件派发给将要发生 click 的 div
})
}
}, [])//在componentDidMount周期内进行,在渲染完成后进行。