antd 动态添加表单_React + antd 实现动态表单添加删除功能

/*eslint-disable multiline-ternary*/import React, { useState, useEffect} from'react';

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

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

import {getRuleDetailApi} from'../../api/rule.api';

import'../../assets/common.less';

import dynamicForm from'./DynamicForm';

const { Option }=Select;exportdefault functionAddNewMonitorRule(props) {

const history=useHistory();

const location=useLocation();

const [ruleType, setRuleType]= useState(1);

const [dynamicFormItem, setDynamicFormItem]=useState([]);

const handleRuleTypeChange= (e) =>{

setRuleType(e.target.value);

};//添加表

const addDynamicForm = (e) =>{

e.preventDefault();

const newDynamicForm&