最近接手一个项目改造任务,需要使用蚂蚁金服的前端框架,有些懵逼,一些页面功能有些烧脑,借鉴了https://blog.csdn.net/liuyuqin1991/article/details/78844434的博文改造了一个适合手中项目的前端页面效果,不同于HTML5的方式一时半会儿还需要学习了解,请大神们多指正! 关于表单也可从官方提供的文档里进行学习https://ant.design/components/form-cn/ 效果图 样式待调,暂且看之。 附代码片段:对一些关键点写了注释 import React, { PureComponent } from 'react'; import styles from './index.less'; import { Form, Icon,Row,Col, Input, Button, Checkbox,DatePicker } from 'antd'; import { connect } from 'dva'; const FormItem = Form.Item; let id = 1;//用于控制表单数组下标 @connect(({employees}) => ({employees})) @Form.create() class AddAndRemove extends PureComponent { onChange(value, dateString) { console.log(value, dateString); } remove = (k) => { const { form } = this.props; // c
React动态增删表单并支持表单排序
最新推荐文章于 2024-05-31 12:48:17 发布
![](https://img-home.csdnimg.cn/images/20240711042549.png)