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

[Anonymous]

Я новичок в том, чтобы отреагировать JS.
Моя проблема в том, что я хочу, чтобы меню исчезнуло, если мышь покинет эту область, поэтому я попробовал Onmouseout и OnmouseLeave , чтобы закрыть меню, но кажется, что когда эта опция есть, меню никогда не открывается! Но когда я удаляю onmouseover или уезжаю, он работает нормально, но просто остается там, если вы не нажимаете что -то. 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