Открытие и закрытие раскрывающегося меню при наведении курсора мыши в реакции js ⇐ Html

[Anonymous]

Я новичок в React JS.
Моя проблема в том, что я хочу, чтобы меню исчезало, если мышь покидала эту область, поэтому я попробовал onMouseOut и onMouseLeave, чтобы закрыть меню, но кажется, что когда эта опция есть, меню никогда не открывается! Но когда я удаляю onMouseOver или Leave, он работает нормально, но остается там, если вы ничего не нажимаете.
MenuListProps={{ onMouseLeave: handleClose }}
Это происходит потому, что когда я открываю меню, модальный макет размещается на всей странице, что означает, что событие onMouseLeave будет запущено сразу после этого. onMouseEnter. но чтобы это работало, мне нужно изменить привязку меню так, чтобы она полностью закрывала кнопку

Код: Выделить всё

{menuItem.map((text) => (
 handleChangeMenu(text, e)}
onMouseOver={(e) => handleHover(text, e)}>
{text}

))}
 {
setproject(null);
}}
MenuListProps={{
onMouseLeave: () => {
setproject(null);
},
}}
>
{mySubMenu.map((text) => (
{text}
))}

Подробнее здесь: https://stackoverflow.com/questions/716 ... n-react-js