react 上面写 onMouseOver事件的时候,或者onMouseLeave事件的时候,eslint会报下面的错,运行是能运行,就是代码下面会画波浪线,看着不舒服
onMouseOver must be accompanied by onFocus for accessibility.eslint(jsx-a11y/mouse-events-have-key-events)
解决方法是,再加个onFocus 函数就好了
onFocus={()=>0}
返回数字0
后面遇到个bug
自定义tooltip的时候
image.png
就像html元素的title 属性,放上去显示,离开隐藏,当鼠标移入tooltip的时候,也算触发这两个事件
网友评论