Öffnen und schließen Sie das Dropdown-Menü durch Bewegen der Maus in React JS ⇐ HTML

[Anonymous]

Ich bin neu bei React JS.
Mein Problem ist, dass ich möchte, dass das Menü verschwindet, wenn die Maus diesen Bereich verlässt, also habe ich versucht, das Menü mit onMouseOut und onMouseLeave zu schließen, aber es scheint, dass das Menü nie geöffnet wird, wenn diese Option vorhanden ist! Aber wenn ich onMouseOver oder Leave entferne, funktioniert es einwandfrei, bleibt aber einfach dort, wenn Sie nicht auf etwas klicken.
MenuListProps={{ onMouseLeave: handleClose }}
Das passiert, weil beim Öffnen des Menüs ein modales Layout über die gesamte Seite gelegt wird, was bedeutet, dass das onMouseLeave-Ereignis unmittelbar danach ausgelöst wird onMouseEnter. aber damit es funktioniert, muss ich den Menüanker so ändern, dass er die Schaltfläche vollständig abdeckt

Code: Select all

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

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