React+Antd系列
菜鸟搬砖记
世上无难事,只要肯放弃。。。
展开
-
react+antd系列之Form表单(1):添加与删除
在用antd的时候,我们如果要对表单进行添加和删除该怎么弄呢,如下:import { connect } from 'dva';import { Form, Input, Button } from 'antd';import styles from './eg1.css';const FormItem = Form.Item;function Page(props) { con...原创 2018-11-12 10:56:47 · 12357 阅读 · 3 评论 -
react+antd系列之引入echart图表
要在antd中引入echart图表,首先得安装echart包,命令如下:cnpm install echarts --saveechart安装完毕,要如何使用呢,在react中我们要引入我们刚刚安装的echart,如下:import echarts from 'echarts/lib/echarts';但是这里引入这个还不止,假设你要画柱状图,则你得引入:import 'echart...原创 2018-11-12 14:32:52 · 26604 阅读 · 0 评论 -
react+antd系列之Form表单(2):格式限制验证
格式限制antd中表单的功能很多,下面就为大家整理了一下antd中常用的几种表单输入格式验证:1. 输入框不能为空限制,如下: {getFieldDecorator('name', { rules: [{ required: true, message: '名称不能为空', }], ...原创 2018-11-20 14:40:09 · 16132 阅读 · 5 评论 -
react+antd系列之日期选择框DatePicker
1.默认时间 <DatePicker defaultValue={moment('20120203')} format={dateFormat} />默认当前时间:const dateFormat = 'YYYY-MM-DD';<DatePicker defaultValue={moment()} format={dateFormat}/&am原创 2018-12-24 17:11:21 · 26134 阅读 · 3 评论 -
react+antd系列之引入table:默认展开行
import React from 'react';import { Table } from 'antd';class TableExple extends React.Component { render () { const columns = [ { title: 'Name', dataIndex: 'name', key: 'name' }, ...原创 2018-12-24 17:38:51 · 8591 阅读 · 5 评论