React ant design UI 禁用 启用 switch 开关 加弹窗确认提示 代码片段
import { Switch, Modal,} from 'antd';const confirm = Modal.confirm;state = {is_switch: Math.random() > 0.5,};<Switchchecked={this.state.is_switch}checkedChildren="禁用"unCheckedChildren="启用"onChange={this.onChange}}/>onChange = (checked) => {console.log(checked);const that = this;var title = checked ? "启用" : "禁用";console.log(title);confirm({title: `确定要${title}吗?`,content: '',okText: '确定',cancelText: '取消',onOk() {if (checked) {that.setState({ is_switch: checked });} else {//that.setState({ is_switch: checked });}console.log('OK');},onCancel() {console.log('Cancel');},});};
React ant design UI 禁用 启用 switch 开关 加弹窗确认提示 代码片段相关推荐
- React Ant Design UI 图片上传组件 代码片段
用户可以上传图片并在列表中显示缩略图.当上传照片数到达限制后,上传按钮消失. import { Upload, Icon, Modal } from 'antd';class PicturesWall ...
- React Ant Design UI 表格时间列格式化 代码片段
//导入moment import component from 'moment'{title: '创建时间',dataIndex: 'updatedAt',sorter: true,render: ...
- Element ui Switch 开关二次确认弹窗后再更改开关状态
Element ui Switch 开关二次确认弹窗后再更改开关状态 Switch 开关 基本用法 Events 重点: 禁用状态 Switch 开关 表示两种相互对立的状态间的切换,多用于触发「开/ ...
- UI设计中switch开关设计总结
UI设计创新技能层出不穷,UI设计满足着形形色色各种垂直化的需求,在设计方面大家也是想方设法去做一些创新,希望自己能够在各种应用中脱颖而出,今天我就针对UI设计中switch开关设计总结进行简单的说明 ...
- React Ant design pro 访问服务器接口,获取数据显示
React Ant design pro 访问服务器接口 一.前两天更新了Ant design pro环境搭建,需要了解的小伙伴可以看一下之前的内容,还有react基础教程噢. 二.框架搭建完后,一般 ...
- 使用create-react-app搭建TypeScript+React+Ant Design开发环境
一.使用create-react-app创建一个支持TypeScript+React的开发环境: 要创建一个支持TypeScript的Create React App项目,可以运行: npx crea ...
- react ant design pro typescript springboot activiti权限、工作流框架
是什么? 使用springboot,activiti,mybatis,react,ant design pro,typescript 开发的后台管理系统(包含权限管理.工作流等功能),真正前后端分离的 ...
- 基于Ant Design UI框架的React项目
概述 这款基于React开发的UI框架,界面非常简洁美观,在这篇文章中我主要为大家介绍一下如何用Ant开始搭建React项目 详细 代码下载:http://www.demodashi.com/demo ...
- 【React自制全家桶】一、Webstrom+React+Ant Design+echarts搭建react项目
前言 一.React是Facebook推出的一个前端框架,之前被用于著名的社交媒体Instagram中,后来由于取得了不错的反响,于是Facebook决定将其开源.出身名门的React也不负众望,成功 ...
最新文章
- DIV+CSS规范命名
- [置顶] java除0问题探究
- ParaFi Capital资产管理规模超1亿美元,至少投资22家公司或协议
- 贪吃蛇c语言代码高难,100多行代码的《贪吃蛇》
- 为何近期QQ和MSN老是被攻击
- 远程服务器连接工具:Tmux
- JavaSE基础——GUI编程(Swing)
- Layer表格列根据配置动态显示
- 微软bing搜索引擎疑似被屏蔽 国内多地无法访问
- linux网卡驱动realtek,Linux系统Realtek网卡驱动安装
- Zeloof 自制芯片工艺
- [Android]之一:Android系统下载管理DownloadManager
- 亚马逊家居行业中办公室家具市场前景分析及货源分享
- beeline : Error: Could not open client transport with JDBC 连接失败
- 关于思科CCIE重认证的方式,留给有需要的网络工程师
- win7使用网卡开启WIFI功能
- vue设置div块隐藏与显示(v-show)
- IdCardGenerator生成工具
- ubuntu安装postgresql并修改数据存储目录
- STM32软件学习笔记(一)基于HAL库的STM32F429单片机串口打印程序