feat: 支持 formList 初始化渲染initialData 数据 (#1058)

Tencent · Jul 8, 2022 · dd1ebe8 · dd1ebe8
1 parent f60f693
commit dd1ebe8
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 2 deletions.
diff --git a/src/_common b/src/_common
diff --git a/src/form/FormList.tsx b/src/form/FormList.tsx
@@ -10,7 +10,14 @@ const FormList = (props: TdFormListProps) => {
   const { name, initialData = [], rules, children } = props;
 
   const [initialValue, setInitialValue] = useState(initialData);
-  const [fields, setFields] = useState<Array<FormListField>>([]);
+  const [fields, setFields] = useState<Array<FormListField>>(
+    initialData.map((data, index) => ({
+      key: (key += 1),
+      name: index,
+      isListField: true,
+      ...data,
+    })),
+  );
   const formListMapRef = useRef(new Map()); // 收集 formItem 实例
   const formListRef = useRef<FormItemInstance>(); // 当前 formList 实例
 
@@ -40,6 +47,7 @@ const FormList = (props: TdFormListProps) => {
         })
         .map((field, index) => Object.assign(field, { name: index }));
 
+      setInitialValue(initialValue.filter((_, idx) => idx !== index));
       setFields(nextFields);
     },
     move(from: number, to: number) {