antd的 input有下拉_antd select下拉添加全选的按钮

实现图

代码实现:添加

onMouseDown={e=> e.preventDefault();} 阻止事件冒泡，解决选择一次下拉就收回下拉列表的问题

import React from 'react';

import ReactDOM from 'react-dom';

import {Input,DatePicker,Select,Divider,Checkbox} from 'antd';

import 'antd/dist/antd.css';

import locale from 'antd/lib/date-picker/locale/zh_CN';

import 'moment/locale/zh-cn';

import moment from 'moment';

moment.locale('zh-cn');

const { RangePicker } = DatePicker;

class InputCom extends React.Component{

constructor(props) {

super(props);

}

render(){

return(

e.preventDefault();}>

labelInvalue

style={{width:300}}

placeholder='请选择'

dropdownRender={menu=>(

{menu}

,

,

全选

确定

取消

)}

>

1

2

3

4

)

}

}

export default InputCom;