I am creating a mega menu in reactjs framework for my ecommerce website. When ever i hover on list item it shows mega menu div but when i move cursor down the menu hides itself. Why it is not stay as it is ? Local state which controls the menu display state on onMouseEnter and onMouseLeave works well. Answer Because