Antd Radio Group

在使用antd中Radio.Group时，第一次点击会选中某一选项，但当你再次选中该选项时，它不做任何操作。而我的需求是需要取消选中的值。按照如下操作，即可解决该问题：

divClick = (e) => {const tag = e.target;// console.log(tag.value) like this below
//<span>Poor</span>
//<input type="radio" class="ant-radio-button-input" value="POOR">if (tag.type === 'radio' && this.state.questionRating.toString() === tag.value.toString()) {this.setState({questionRating: '',});}}<div onClick={this.divClick}>
<Radio.Group onChange={this.handleRadioChange} value={this.state.questionRating}><Radio.Button value="POOR">Poor</Radio.Button><Radio.Button value="ACCEPTABLE">Acceptable</Radio.Button><Radio.Button value="STRONG">Strong</Radio.Button>
</Radio.Group>
</div>

Antd Radio Group相关推荐

antd radio设置默认选中_antd中如何给绑定Form的Radio.Group设置默认的选中值！
嗯~~ 本人2年前端小菜鸡,刚刚换了新公司,接手的项目使用的是react+antd+dva+umi等技术. 之前完全没有antd的经验,但是有2年react的经验,所以嘛,项目上手难度一般,但是扛不住 ...
ReactHooks+Antd Checkbox Group多选框组单独禁用其中选项
antd官方文档中Checkbox Group给出的api如下: 据图可知,其中Group 的 api 只有一个disabled,它的作用是使整个group选项全部失效,达不到我们的效果,但是Chec ...
antd radio设置默认选中_单选框radio总结（获取值、设置默认选中值、样式）
单选框 radio 是否 1.获取值 $("input[name='killOrder']:checked").val(); $('input:radio:checked').v ...
antd的Radio设置默认选中
当时用antd组件库的Radio单选框时,设置默认选中 const Demo = () => {return (<Formname="validate_other"{. ...
antd table排序会触发到分页怎么解决_多年管理系统开发经验总结~代码解决方案...
来源 | juejin.im/user/870468939940184 作者 | 前端小月月背景最近的你有没有接手的新项目,对这个有什么感觉?我最近接手了一个项目,先不论是否代码行数的多少,仅是思 ...
React全家桶+AntD 实战二
React全家桶+AntD 单车后台管理系统开发(完整版) (第8章单车业务之城市管理模块&) 第8章单车业务之城市管理模块& src/router.js,通用路由 import ...
ReactNative 自定义封装Radio单选组件
Radio单选框 1.功能说明用于在多个备选项中选中单个状态. Radio 所有选项默认可见,方便用户在比较中选择,因此选项不宜过多 2.组件效果 3.代码演示 import React, { Co ...
java获取radio选中的值_获取radio值
使用jquery获取radio的值使用jquery获取radio的值,最重要的是掌握jquery选择器的使用,在一个表单中我们通常是要获取被选中的那个radio项的值,所以要加checked来 ...
antd design（4.x）中的Form
1.初始化表单数据 initialValues:表单默认值,只有初始化以及重置时生效. 代码示例如下: <Form layout="horizontal" form={for ...

Antd Radio Group

Antd Radio Group相关推荐

最新文章

热门文章