antd的form.list中如何setFieldsValue

主要就这几行代码：

const newData = [
  ...getFieldValue("areaData")
];
newData[field.key] = {
  ...newData[field.key],
  typeData: testData
};
setFieldsValue({
  areaData: newData
});

详情看下面：

import React, { useState } from "react";
import "./styles.css";
import { Button, Drawer, Form, Card } from "antd";
import "antd/dist/antd.css";
import Proform, { ProFormSelect } from "@ant-design/pro-form";
const areaTypeList = {
  "1": "测试1",
  "2": "测试2"
};
export default function App() {
  const [visible, setVisible] = useState(false);
  const [dynamicAreaForm] = Form.useForm();
  return (
    

       setVisible(true)}>
        新增
      
       setVisible(false)}>
         {
            console.log("area content", vlaues);
            // onOk && onOk(vlaues.areaData ? vlaues.areaData : []);
          }}
        >
          
            {(fields, { add, remove }) => {
              return (
                <>
                  {fields.map((field) => (
                     remove(field.name)}>
                          删除
                        
                      }
                      title="自定义区域内容"
                    >
                      

                      
                        {({ getFieldValue, setFieldsValue }) => {
                          return (
                            getFieldValue(["areaData", field.name, "type"]) && (
                              
                                
                                   {
                                      const testData = [
                                        "选中的数据1",
                                        "选中的数据2",
                                        "选中的数据3"
                                      ];
                                      /**
                                       * 在Form.List下可以新增区域，每个区域存在区域类型数据配置栏位
                                       * 点击请选择在实际场景中会出现一个新的表格然后选择数据内容，使用testData模拟
                                       * 区域类型数据配置栏位 name = typeData,参考getFieldValue(["areaData", field.name, "type])
                                       * 但是setFieldsValue 对象参数key不支持NamePath格式，无法赋值
                                       */
                                      const newData = [
                                        ...getFieldValue("areaData")
                                      ];
                                      newData[field.key] = {
                                        ...newData[field.key],
                                        typeData: testData
                                      };
                                      setFieldsValue({
                                        areaData: newData
                                      });
                                    }}
                                  >
                                    请选择
                                  
                                
                              
                            )
                          );
                        }}
                      
                    
                  ))}

                  
                     add()} block>
                      新增区域
                    
                  
                
              );
            }}
          
        
      
    
  );
}