Ant designpro(12):下拉框

import {Dropdown} from 'antd'
import {BarsOutlined } from '@ant-design/icons';
const operateList =[
    {val:'talked',name:'XXXX',icon:<UserOutlined style={{fontSize:15}}/>},
    {val:'confirmed',name:'XXXX',icon:<AppstoreOutlined style={{fontSize:15}}/>},
    {val:'quote',name:'XXXX',icon:<PayCircleOutlined />},
    {val:'approved',name:'XXXX',icon:<LikeOutlined style={{fontSize:15}}/>},
    {val:'signed',name:'XXXX',icon:<EditOutlined style={{fontSize:15}}/>},
    {val:'assign',name:'XXXX',icon:<UserAddOutlined style={{fontSize:15}}/>},
    {val:'recycle',name:'XXXX',icon:<DeleteOutlined style={{fontSize:15}}/>},
    {val:'resign',name:'XXXX',icon:<CopyrightOutlined style={{fontSize:15}}/>},
]
class CustomerDetail extends Component {
		menus=(
			        <Menu onClick={(event)=>{this.menuOperateHandle(event)}}>
			            {
				                operateList.map((item:any,index:number)=>{
				                    return (
				                        <Menu.Item key={item.val} >
				                            {item.icon} {item.name}    
				                        </Menu.Item>
				                    )
				                })
			            }           
        </Menu>
    );
    	menuOperateHandle(item:any){
			console.log(item.key)
	};
		render(){
				 <Dropdown overlay={this.menus} 	placement="bottomCenter">
                          <BarsOutlined style={{fontSize:20,marginLeft:10,color:'purple'}}/>
               </Dropdown>
			}
}