React多级下拉菜单

实现效果:

afjjjj

afa

React-Menu

当没有点击操作时,鼠标划过主菜单不弹出下拉菜单。

有点击操作时,弹出下拉菜单,且鼠标划过其他主菜单时,弹出对应下拉菜单。

点击空白区域关闭下拉菜单。

下拉多级菜单由插件react-menu完成。

一个可定制的、轻量级的React菜单库:

https://github.com/szhsin/react-menu

鼠标划过操作,主要记录一个点击操作标识,原理简单,仅作参考。

在codesandbox中查看:

https://codesandbox.io/s/muti-level-menu-kzb4r