Antdesign Select控件回显时显示value值 不显示Label

<Select  style={{ width: 120 }}  value={this.state.aa} onChange={this.handleChangeVCharge}>
     <Option value="0">aa</Option>
     <Option value="1">bb</Option>
     <Option value="2">cc</Option>
</Select>

当设置选中时显示 0 1 2,并未显示aa bb cc

检查代码发现:提交代码时提交的为数字,返回时也为数字,修改方法

value={String(this.state.aa)}

handleChangeVCharge = (value) =>{
   this.submit({aa:parseInt(value)})
}

原文地址:https://www.cnblogs.com/tylz/p/12015811.html

时间: 2024-10-09 00:37:33

Antdesign Select控件回显时显示value值 不显示Label的相关文章

模拟select控件&amp;&amp;显示单击的坐标&amp;&amp;用户按下键盘,显示keyCode

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-

五种情况下会刷新控件状态(刷新所有子FWinControls的显示)——从DFM读取数据时、新增加子控件时、重新创建当前控件的句柄时、设置父控件时、显示状态被改变时

五种情况下会刷新控件状态(刷新控件状态才能刷新所有子FWinControls的显示): 在TWinControls.PaintControls中,对所有FWinControls只是重绘了边框,而没有整个重绘这些FWinControl子控件.那么什么时候才整个重绘全部FWinControls呢?这时候,就不是一个单纯的WM_PAINT来解决控件重绘的问题了,而是这个TWinControl.UpdateShowing函数: procedure TWinControl.UpdateShowing; v

关于ueditor的select控件的key为空时出现校验bug的修复

在工作流表单中,因ueditor编辑器的原因, 下拉框控件会出现如下情况 当 第一个 下拉项 的 值:不输入内容时,生成的select源码如下: <select style="width:80px;height:25px;"> <option>请选择</option> <option value="M">男</option> <option value="F">女</o

select控件使用

<select name="car"  <option selected="selected">1</option>   > <!--写在里面无用--> <option value=""> </option>        <option>Volvo</option>       <option>Saab</option>   

JQuery select控件的相关操作

本文转载于 http://www.cnblogs.com/zfc2201/archive/2012/09/06/2674312.html JQuery获取和设置Select选项方法汇总如下: 获取select 先看看下面代码: $("#select_id").change(function(){//code...}); //为Select添加事件,当选择其中一项时触发 var checkText=$("#select_id").find("option:s

JavaScript封装一个实用的select控件

最近一直把精力放在项目上面,导致忽略的一些底层的东西.以前就一直觉得原有的select控件很丑,正好周末有时间,试着做了一个简单封装,实现了它的基本功能.我总结了一下,大概分为三个部分: 1.对显示样式的处理 2.对点击和hover事件的处理 3.change事件发送请求的处理 我们先看jsp的展示代码: <%@ page language="java" import="java.util.*" pageEncoding="utf-8"%&

Selenium webdriver 之select 控件封装,解决onchange问题

使用webdriver的时候,select 控件经常会绑定onchange 事件,在selenium2.09 之前click 方法对onchange 事件有bug,2.09 以后修复了,但是根据经验也遇到用selenium ui 下面的select的类去做select 操作,有时也可能不发触发onchange 事件,所以本人测试放弃不用,自己封装了几个好用的方法,在此分享,部分只要实现代码如下: /** * 获取选项列表 * * @return */ public List<WebElement

AppCan技术分享:Select控件

Select组件是根据AppCan 布局框架对select标签封装的HTML5代码片段,开发者可以通过快速添加Select控件在界面中,配合适当的样式,达到预期UI效果. Select控件是由三个部分构成:(1) 文字:用于显示条目的内容.(2) 下拉列表.(3) 控件:是一个与整个下拉列表容器等高宽的透明控件.虽然我们看到的只是文字和列表,但事实上,在点击选择的时候,点的是select透明控件,我们是通过value值来获取用户选中的条目. Select控件依赖于appcan.js.appcan

关于使用UniForm以其他控件为Parent时应该注意的问题

关于使用UniForm以其他控件为Parent时应该注意的问题: 1,不能在其他组件的oncreate,onbeforeshow,onshow等事件中来生成这样的uniform,否则其上的组件不能显示: 2.这样的uniform在Parent上的位置不能与其他组件重叠,否则会发生一样的问题. 出现这样的问题可能是原因这样的uniform是 create on demand,浏览器来不及刷新的缘故.