Ant Design:Radio.Group单选组合与Select下拉选项两种添加子组件选项的语法

简介: Ant Design:Radio.Group单选组合与Select下拉选项两种添加子组件选项的语法

Radio.Group单选组合与Select下拉选项都拥有两种定义选项的方法:


1.直接在标签内写入


Radio.Group

<Radio.Group>
  <Radio value={1}>显示</Radio>
  <Radio value={0}>不显示</Radio>
  </Radio.Group>


Select

<Select>
  <option value={1}>显示</option>
  <option value={0}>不显示</option>
  </Select>


2.使用options属性设置子选项


Radio.Group

<Radio.Group options={[{label:'显示',value:1},{label:'不显示',value:0}]} />


Select

<Select options={[{label:'显示',value:1},{label:'不显示',value:0}]} />

相关文章
|
Shell Windows
Webstorm安装激活破解2022.09最新破解教程「永久激活,亲测有效」
Webstorm安装激活破解2022.09最新破解教程「永久激活,亲测有效」
8361 0
Webstorm安装激活破解2022.09最新破解教程「永久激活,亲测有效」
|
存储 索引
antd中table组件选中单行换样式(比如背景颜色)
在Ant Design (antd)的Table组件中,可以通过设置`onRow`属性来定义行点击事件,从而改变被点击行的样式,如背景颜色。`onRow`是一个函数,返回一个对象,对象包含事件处理函数,如`onClick`。同时,使用`rowClassName`属性来指定行的类名,结合状态管理,可以实现点击某行后改变其背景颜色的效果。具体实现时,需要在组件状态中保存当前被点击行的索引,然后通过`rowClassName`判断并返回相应的类名。
1160 2
antd中table组件选中单行换样式(比如背景颜色)
Error:Execution failed for task ':app:processDebugManifest'. > Manifest merger failed with multiple
Error:Execution failed for task ':app:processDebugManifest'. > Manifest merger failed with multiple
|
缓存 JavaScript API
「Vue3系列」Vue3 计算属性(computed)、监听属性(watch)
在 Vue 3 中,计算属性(Computed Properties)是一种强大的功能,它允许你声明一个依赖于其他响应式数据属性的属性,并且这个属性的值会根据其依赖的数据的变化而自动更新。计算属性是基于它们的依赖关系进行缓存的,只有在它的相关依赖发生改变时才会重新求值。
1764 0
|
消息中间件 存储 运维
更优性能与性价比,从自建 ELK 迁移到 SLS 开始
本文介绍了 SLS 基本能力,并和开源自建 ELK 做了对比,可以看到 SLS 相比开源 ELK 有较大优势。
56098 250
|
缓存 前端开发 JavaScript
React中怎么实现状态自动保存(KeepAlive)?
React中怎么实现状态自动保存(KeepAlive)?
517 0
|
JavaScript
vue拖拽 —— vuedraggable 表格拖拽行
vue拖拽 —— vuedraggable 表格拖拽行
649 1
|
存储 JavaScript 前端开发
在vue项目中实现单点登录
在vue项目中实现单点登录
832 1
|
JavaScript Java 测试技术
基于SpringBoot+Vue的高校竞赛管理系统的详细设计和实现(源码+lw+部署文档+讲解等)
基于SpringBoot+Vue的高校竞赛管理系统的详细设计和实现(源码+lw+部署文档+讲解等)
159 0
|
JavaScript 前端开发 算法
【Node.js 版本过高】运行前端时,遇到错误 `Error: error:0308010C:digital envelope routines::unsupported`
【Node.js 版本过高】运行前端时,遇到错误 `Error: error:0308010C:digital envelope routines::unsupported`
8500 0