Открытое и близкое раскрывающееся меню на мыши Hover в React JS ⇐ Html

[Anonymous]

Я новичок в том, чтобы отреагировать JS.
Моя проблема в том, что я хочу, чтобы меню исчезнуло, если мышь покинула эту область, поэтому я попробовал Onmouseout и OnmouseLeave , чтобы закрыть меню, но Кажется, что когда этот вариант существует, меню никогда не открывается! Но когда я удаляю onmouseover или уезжаю, он работает нормально, но просто остается там, если вы что -то не нажимаете. p>
Это происходит потому, что когда я открываю меню, на всей странице помещается модальная макет onmouseenter . Но для этого я должен изменить якорь меню, чтобы он полностью покрывал кнопку < /p>

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

{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