Ant Form使用总结 —— FormList

NO.2 FormList 极简用法

FormList是为了表单种具有多数据Array形式(类似批量)，话不多说，直接盗图！

image.png

import React from "react";
import { Form, Input, Row, Col, Button } from "antd";

//initalValue.files 有一元素 可直接显示一行样式 可以实验性看下样式
//可以看到 { add , remove } 暴漏的这两个方法显而易见可用来添加删除项
//可各种组合 华山论剑

export default () => (
  
  
    
      
        {
            ( fields , { add, remove }) => fields.map(
              field => (
                <>
                  
                    
                      
                        
                      
                    
                    
                      
                        
                      
                    
                    x
                  
                  
                    添加一行
                  
                
              )
            )
        }
      
    
  
);

如上代码