antd 动态添加表单_react antd 动态表单

import React, { Component } from 'react';

import ReactDOM from'react-dom';

import { Form, InputNumber, Input, DatePicker, Button, Select } from'antd';

import moment from'moment';//推荐在入口文件全局设置 locale

import 'moment/locale/zh-cn';

moment.locale('zh-cn');

const FormItem=Form.Item;

const Option=Select.Option;//后台返回的数据格式

const data =[

{'field': 'jobid','text': '工号','errorMessage': '请输入工号','required': true,'type': 'int','value': 100},{'field': 'date','text': '日期','errorMessage': '请输入日期','required': false,'type': 'date','value': '2017-10-20'},{'field': 'username','text': '用户名','errorMessage': '请输入用户名','r