AntD Selected 多选


import React from 'react';
import ReactDOM from 'react-dom';
import 'antd/dist/antd.css';
import './index.css';
import { Select } from 'antd';const Option = Select.Option;const children = [];
const arr = {"11": "北京","12": "天津","13": "河北","14": "山西","15": "内蒙古","21": "辽宁","22": "吉林","23": "黑龙江","31": "上海","32": "江苏","33": "浙江","34": "安徽","35": "福建","36": "江西","37": "山东","41": "河南","42": "湖北 ","43": "湖南","44": "广东","45": "广西","46": "海南","50": "重庆","51": "四川","52": "贵州","53": "云南","54": "西藏","61": "陕西","62": "甘肃","63": "青海","64": "宁夏","65": "新疆","71": "台湾","81": "香港","82": "澳门"
}
for (let i in arr) {console.log(i,arr[i])children.push(<Option key={i}>{arr[i]}</Option>);
}function handleChange(value) {console.log(`selected ${value}`);
}ReactDOM.render(<Selectmode="multiple"style={{ width: '100%' }}placeholder="Please select"defaultValue={[]}onChange={handleChange}>{children}</Select>,document.getElementById('container')
);

AntD Selected 多选相关推荐

级联选择组件_如何开发一个 Antd 级联多选控件
本文也同步发在掘金上, https:// juejin.cn/post/69149942 41940750343 Intro 这篇文章将从零开始介绍如何开发一个 Antd 的级联多选选择器.先看效果: ...
antd select多选_antd多选下拉框一行展示的实现方式
我们都知道antd的select多选时,如果下拉框宽度不足,则自动浮动到下一行将下拉框撑大,但是这回影响到页面的整体布局. 我们期望的效果是,下拉框只显示一行的值,超出一行的部分自动隐藏. 下面有2种 ...
antd 获取table选中行数据_Excel数据匹配：函数法+PQ法+PB法
无论是在办公室还是实验室,数据匹配都是我们的日常任务. 假设一个情境来说明数据匹配的逻辑: 下图是一张[总体表],记录了动画片<葫芦兄弟>中10位主要角色的姓名.身份和能力,这是我们需要的 ...
antd select多选_关于antd Select 限制选择个数的解决方案
应用场景描述: Select 被form 所包裹,且被getFieldDecorator修饰.所以值的改变应该通过form的setFieldsValue方法. Select模式肯定会是multiple ...
Antd table勾选功能
勾选功能实现 const [selectedRowKeys, setSelectedRowKeys] = React.useState([]) const rowSelection = {select ...
antd select多选_antd-Checkbox多选操作
在项目中遇到了需要有多选操作的功能,刚开始的时候以为挺简单的,但是随着项目的深入,发现并不是想象的那么简单.下面就说一说我遇到的一些问题吧: 1.将后端接口的数据变成多选项: 思路:就是将所有的要展示 ...
antd 获取table选中行数据_element-ui 组件el-table默认选中行setCurrentRow采坑记
1.背景选中表格中某一行,高亮显示,table表格数据变化后(删除某几条数据,不包括选中的删除), this.$refs.multipleTable.setCurrentRow(row),选中之前选 ...
antd Datepick 禁选时间（30天之内）
需求:当前时间到30天之内可选 ,效果如下图代码 // 不可选时间const disabledTime = (date: any) => {const range = (start: any, ...
antd 下拉框怎么联动_Antd的Table组件嵌套Table以及选择框联动操作
一.需求在使用Table组件嵌套Table时,父子Table的选择框需要联动,即父Table选中,该行下的子Table需要全选中,某一个子Table全部选中,则该子Table所在的父Table那一行 ...
jQuery获取及设置单选框,多选框,文本框内容
在工作中,text,radio,checkbox,select在开发过程中是必不可少的一部分.在开发过程中经常要处理页面表单元素. Eg: 在复选框checkBox中获取checked的valu ...

AntD Selected 多选

AntD Selected 多选相关推荐

最新文章

热门文章