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

如何解决在移动视图屏幕尺寸下，我无法扩展导航元素

大家好，我无法在移动视图中扩展导航元素“拆分锻炼”和“治疗”的功能（在本例中为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); }