antd Select如何中止选中_antd select组件 阻止选中-程序员宅基地

技术标签: antd  问题  react  

https://segmentfault.com/q/1010000018556609

通过 From 中的 getValueFromEvent 可以控制!

import React from "react";
import ReactDOM from "react-dom";
import "antd/dist/antd.css";
import "./index.css";
import { Form, Select } from "antd";

const { Option } = Select;

class RegistrationForm extends React.Component {
  render() {
    const { getFieldDecorator } = this.props.form;

    const formItemLayout = {
      labelCol: {
        xs: { span: 24 },
        sm: { span: 8 }
      },
      wrapperCol: {
        xs: { span: 24 },
        sm: { span: 16 }
      }
    };

    return (
      <Form {...formItemLayout} onSubmit={this.handleSubmit}>
        <Form.Item label="E-mail">
          {getFieldDecorator("email", {
            initialValue: ["1", "2"],
            getValueFromEvent: value => value.slice(0, 3)
          })(
            <Select
              mode="multiple"
              style={
   { width: "100%" }}
              placeholder="Please select"
            >
              <Option value="1">1</Option>
              <Option value="2">2</Option>
              <Option value="3">3</Option>
              <Option value="4">4</Option>
              <Option value="5">5</Option>
            </Select>
          )}
        </Form.Item>
      </Form>
    );
  }
}

const WrappedRegistrationForm = Form.create({ name: "register" })(
  RegistrationForm
);

ReactDOM.render(
  <WrappedRegistrationForm />,
  document.getElementById("container")
);

 

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/u010856177/article/details/104284347

智能推荐

SSM整合项目(IDEA+Maven+MySql)_idea ssm maven配置-程序员宅基地

文章浏览阅读2.4w次,点赞50次,收藏276次。整合ssm项目创建Maven项目导入依赖包创建Maven项目创建Maven项目在我的另一篇博客Maven项目创建导入依赖包_idea ssm maven配置

极路由1S HC5661A 刷入不死u-boot和Openwrt_breed 请求的页面不存在-程序员宅基地

文章浏览阅读9k次。开通开发者模式192.168.199.1,进入路由器后台,点击智能插件,然后选择中由器信息,再点高级设置开启开发者模式后,记录 SSH 登录信息进入路由器后台安装Shell工具,Windows上有 putty 和XShell等等,随意安装一个,Lunix和OSX 自带有终端工具。(个人比较喜欢用FinalShell SSH工具这款免费工具)不死 uboot 安装为了防止在后续开..._breed 请求的页面不存在

机械键盘win键和alt键反了_cmk98外接键盘win和alt键反过来了-程序员宅基地

文章浏览阅读1.5w次。问题前几天买的京东京造K8双模键盘,用着挺好,今天用着发现机械键盘win键和alt键反了,百度了半天也没解决解决问客服,原来是键盘左侧可以切换win/mac,不知道怎么切换到mac了,切回来就好了,希望能帮助到需要的人..._cmk98外接键盘win和alt键反过来了

2020深圳杯数学建模C题_2020深圳杯c题第三问-程序员宅基地

文章浏览阅读1.3w次,点赞2次,收藏39次。2020深圳杯C题(已更新)之前发过一篇文章,因为转手比较多,现在已经更新文章部分内容无线传感网络中的充电器需要定期充电,一个好的充电路线规划对维持无线传感网络正常工作有着重要意义。本文建立了基于经典 TSP 问题的动态规划模型,采用蚁群算法和多目标规划对模型进行求解。针对问题一,建立基于蚁群算法的动态规划模型,将最小化移动充电器在路上的能量消耗等价转化为移动充电器的最短路径问题,在考虑到各站点位于地球面上而非普通平面上,所以利用地球半径和各传感器的经纬度计算出各点之间的距离,于是问题转化为_2020深圳杯c题第三问

Fragment中使用listview_fragment中listview-程序员宅基地

文章浏览阅读2.3w次,点赞16次,收藏78次。按照步骤来就可以达到效果:1-新建一个listview.xml是listview中每个items的样式LinearLayout ="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height=_fragment中listview

QT中使用QAxObject读取EXCEL大量数据时速度慢的原因及解决方案_qt批量导入excel过慢-程序员宅基地

文章浏览阅读4.7k次。读取excel慢的原因这里不说如何打开或生成excel,着重说说如何快速读取excel。网上搜到用Qt操作excel的方法,读取都是使用类似下面这种方法进行: QVariant ExcelBase::read(int row, int col) { QVariant ret; if (this->sheet != NULL && !..._qt批量导入excel过慢

随便推点

windows bat命令按行读取文本并赋值给变量_skip=1 tokens=3-程序员宅基地

文章浏览阅读6.6k次。tokens=3 代表第三列skip=1 代表越过第一行version.mkMACHINE_TYPE = 12VERSION_NUMBER = 1.1.1MODEL_NAME = KK如下代码的效果就是把第一行 MACHINE_TYPE = 12 中的 12 取出来如下代码的效果就是把第二行 VERSION_NUMBER = 1.1.1 中的 1.1.1 取出来如下代码的效果就是把第三行 MODEL_NAME = KK 中的 KK 取出来set MACHINE_TYPE=""_skip=1 tokens=3

linux下FTP、SFTP命令详解_sftp verbose mode-程序员宅基地

文章浏览阅读2.8w次。FTP> ! 从 ftp 子系统退出到外壳。  FTP> ? 显示 ftp 命令说明。? 与 help 相同。格式:? [command]说明:[command]指定需要帮助的命令名称。如果没有指定 command,ftp 将显示全部命令的列表。  FTP> append 使用当前文件类型设置将本地文件附加到远程计算机上的文件。格式:append local-file [r_sftp verbose mode

数据结构之链表(C实现)-程序员宅基地

文章浏览阅读178次。前言最近在复习数据结构的相关知识,感觉在初学的时候还是有很多东西没有掌握,不过现在终于算是搞得比较有头绪了,所以就在写出来和大家一起分享!什么是链表简单的说,链表就是由多个结点离散分配,彼此通过指针相连,每个结点只有一个前驱结点和后继结点。首节点无前驱结点,为结点无后继结点的一种存储结构。链表的结构头结点:链表的第一个有效结点前面的结点,..._c 数据结构实现链表

浮动定位-程序员宅基地

文章浏览阅读2.1k次。定位所谓定位,实际上就是定义元素框相对其正常位置,应该出现在哪儿。简单说: 定位就是改变元素的页面上的默认的位置2.定位的分类1.普通流定位(元素默认的定位方式)2.浮动定位3.相对定位4.绝对定位5.固定定位3.定位-普通流定位文档流定位是页面元素的默认定位方式页面中的块级元素按照从上到下的排列方式每一个元素时独占一行的页面中的行内元素按照从左到右的排列方式,当前行装不了..._浮动定位

为何HTTP被翻译为“超文本传输协议”是一次历史上的重大翻译错误??!!_hypertext transfer protocol 翻译误解-程序员宅基地

文章浏览阅读986次。原贴地址:http://www.ituring.com.cn/article/937?1364996918HTTP 1.0协议(RFC1945)是在1996年5月发布的,其中文名“超文本传输协议”估计大约也是在1996年左右诞生的。从此以后,这个名称就被固定了下来,一直沿用到今天。 非常遗憾,这是一个错误的翻译,而且错误的性质很严重。具体来说,就是将“Hypertext Transfer_hypertext transfer protocol 翻译误解

R语言ggplot绘制鸡冠花图(南丁格尔玫瑰图)_coord_polar的start参数-程序员宅基地

文章浏览阅读2.1k次。鸡冠花图_coord_polar的start参数

推荐文章

热门文章

相关标签