1.0.3 • Published 5 years ago
react-head-component v1.0.3
react-head-component
基于Antd Design的一款头部组件
Install
npm install react-head-component --devyarn add react-head-component --devUsage
import React, { Component } from 'react'
import HeadComponent from 'react-head-component'
export default class Index extends Component {
constructor(props){
super(props)
}
render(){
return (
<HeadComponent
application={[]}
notice={[]}
applicationList={[]}
onMenuClick={(key: string)=>{}}
onMoreNotice={(key: string)= {}}
onMoreApplication={()=>{}}
avatar="用户头像"
account="用户名称"
/>
)
}
}Properties
| Prop | Default | Type | Description |
|---|---|---|---|
| application | [] | array | 应用列表集合 |
| applicationList | [] | array | 所有的应用列表集合 |
| notice | [] | array | 消息集合 |
| avatar | '' | string | 用户头像 |
| account | '' | string | 用户姓名 |
Instance Methods
| Method | Params | Description |
|---|---|---|
| onMoreNotice | key | 查看更多消息回调方法 |
| onMoreApplication | - | 查看更多应用回调方法 |
| onMenuClick | key | 用户菜单点击回调方法 |