antd表单数据 如何动态设置,React + antd 实现动态表单添加删除功能

类似下面这种功能：

点击添加表增加一行，删除表删除一行，

思路：将这个表单抽成一个单独的组件，维护一个时间戳数组，这个数组的作用就是通过map循环来生成动态表单，每次点击添加就在数组里添加一个时间戳。最终遍历有几个item就渲染几个表单。

实现：

dynamic.js 动态表单 子组件

import React from 'react';

import { Select } from 'antd';

export default function DynamicForm(selectOptions1, selectOptions2) {

return (

<>

业务线分组：

数据库：

表名称：

>

);

}

index.js  父组件

/* eslint-disable multiline-ternary */

import React, { useState, useEffect} from 'react';

import { useHistory, useLocation } from 'react-router-dom';

import { Form, Input, Button,