![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Ant Design
文章平均质量分 87
jiuwanli666
敲代码,赚钱钱,选好股,钱生钱,发发发!
展开
-
循环添加DOM元素
const rankingList = this.state.mingxiData.map(v=>{ return <div key={v.userId} id={v.userId}> <div className="mingxi-content-list"> <div className="min...原创 2017-12-13 10:28:24 · 2505 阅读 · 0 评论 -
Ant Design Pro---项目之前
注:文件名请勿使用中文,否则会出现异常。 Ant Design Pro是基于ES5、React、antd、dva、g2开发的开源框架;1.使用集成化的命令行工具 ant-design-pro-cli。 npm install ant-design-pro-cli -g mkdir my-project && cd my-project pro new # 安装脚手架翻译 2017-11-28 13:25:33 · 17211 阅读 · 0 评论 -
016-Form表单校验
注:此方式是基于Ant Design框架的// 自定义校验方法,在表单输入时会自动的对输入内容进行校对validTel(rule, value, callback) { if (!(/^1[34578]\d{9}$/.test(value))) { setTimeout(callback('请填写正确的手机号码!'),1000); } else {原创 2017-12-28 16:31:51 · 249 阅读 · 0 评论 -
015-react---获取和更新表单信息
表单应用特别是在后台管理中常用到,本文就来阐述一下如何获取和更新form的内容。 注意: 一个submit按钮可以获取到所有的form表单数据。 如果页面中有多个form时,只想拿到其中几个input的值,那么此时可以用以下方法来获取 this.porps.form.getFieldValue(‘input的name名’); 例如:this.props.form.g...原创 2017-12-16 16:21:12 · 4014 阅读 · 0 评论 -
Table使用
import React, {Component} from 'react';import {Table} from 'antd';class MyOrderInfoBox extends Component { constructor(props){ super(props); this.state={ soundsData: ...原创 2018-03-12 16:58:53 · 256 阅读 · 0 评论