## Menu 导航菜单

## 代码演示

按钮类型
```tsx
import React, {useState} from 'react'
import { Menu } from 'ui-component-5e';
import {menuData} from './mockData'

export default () => {
    const [data,setData] = useState(menuData)
    const findClickMenu = (data,id) => {
        return data.map(item => {
            if (item.id === id) {
                return ({
                    ...item,
                    child: item?.child?.map(item => ({...item,isChose: false})),
                    isChose: true,
                })
            } else {
                return ({
                    ...item,
                    isChose: false,
                    child: item?.child && findClickMenu(item.child,id),
                })
            }
        })
    }
    const onClickMenuItem = (menuItem) => {
        setData(findClickMenu(data,menuItem.id))
    }
    return <Menu data={data} onClick={onClickMenuItem}/>
}
```

## todo重写 耦合太多项目特征
## API 

|   参数   |  说明   |  类型    |  默认值  |
|  ----   |  ----   |  ----   |  ----   |
|  data  |  menu渲染数据  |  [ ]  |  \-  |
|  onClick  |  点击linkMenu回调  |  (item)=>void  | \-  |
|  onClose  |  点击关闭回调  |  ()=>void  |  \-  |
|  closable  |  是否显示关闭icon  |  false  |  \-  |