# MenuItem

菜单导航列表项组件

- 可通过phIcon设置菜单项名称前符号的类型，具体可以参考gfs-icons。
- 可通过href设置菜单项的跳转地址，可不设置，自定义回调函数onMenuitemChange。
- 可通过name设置菜单项的唯一标识，对应MenuList的activeName。
- 通过onMenuitemChange设置点击菜单项时的回调。

主要属性和接口：

- phIcon:菜单项名称前符号的类型，不设置时默认没有符号。
- href:菜单项的跳转地址，默认null。
- name:菜单项的唯一标识。
- onMenuitemChange:点击菜单项时的回调。
  如：

        <Menu>
            <Menu.Header>
                标题一
            </Menu.Header>
            <Menu.Body>
                <Menu.Nav>
                     <Menu.List activeName={this.state.activeName} onMenulistChange={(name)=>{this.setState({activeName:name})}}>
                         <Menu.Item name="home" href="#index" phIcon="home" onMenuitemChange={(name)=>{console.log(name);}}>首页</Menu.Item>
                     </Menu.List>
                 </Menu.Nav>
            </Menu.Body>
        </Menu>

### 方法

- onMenuitemChange

### 属性

- classPrefix
- href
- name
- phIcon

### 事件

Extends Component
Defined in: `src/menu/MenuItem.js:8`
Module: 菜单组件

Available since 1.4.0

## Constructor

## 方法

### onMenuitemChange

`onMenuitemChange ()`

Defined in `src/menu/MenuItem.js:78`

点击事件的回调函数

## 属性

### `classPrefix`

String

Defined in `src/menu/MenuItem.js:50`

样式前缀

Default:

`'menu-item'`

### `href`

String

Defined in `src/menu/MenuItem.js:64`

跳转地址

Default:

`''`

### `name`

String

Defined in `src/menu/MenuItem.js:71`

当前项目的唯一标志

Default:

`null`

### `phIcon`

String

Defined in `src/menu/MenuItem.js:57`

icon符号类型

Default:

`''`