實現圖

代碼實現:添加

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;

總結

以上是生活随笔為你收集整理的antd的 input有下拉_antd select下拉添加全选的按钮的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。