在移动视图屏幕尺寸下,我无法扩展导航元素

问题描述

大家好,我无法在移动视图中扩展导航元素“拆分锻炼”和“治疗”的功能(在本例中为window.innerWidth

gitHub:https://github.com/franky90/ReactWorkoutProgrammer

负责禁用功能功能,该功能在屏幕尺寸小于960时扩展了导航元素,我们用鼠标指向了这些元素。 当屏幕小于960时,我想通过单击导航元素而不用鼠标指向来扩展导航元素。 它以一半的方式工作,就像我单击它时一样,它扩展了元素,但是当我将鼠标移离该元素时,整个扩展列表都消失了。

单击导航元素并将其扩展后,我希望使onMouseLeave函数停止工作。然后,我可以单击列表中的元素之一。 我该如何运作?

功能位于组件导航栏中:

`const onMouseEnter =()=> { if(window.innerWidth

const onMouseLeave =()=> { if(window.innerWidth

扩展元素的功能 const extendTreatments = () =>{ setMouseWorks(!mouseWorks); dropdownFB ? setDropdownFB(false) : setDropdownFB(true); }

解决方法

暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!

如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@)