类似下面这种功能:
点击添加表增加一行,删除表删除一行,
思路:将这个表单抽成一个单独的组件,维护一个时间戳数组,这个数组的作用就是通过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,