fix(list): 修复ProFormList透传部分属性到FormItem中导致的react警告 (#8051)

具体属性为containerClassName、containerStyle、readonly。解决方案是将其从props中解构出来并调整对应使用的地方
ant-design · Jan 7, 2024 · ebc08bf · ebc08bf
1 parent a2be303
commit ebc08bf
Showing 1 changed file with 6 additions and 3 deletions.
diff --git a/packages/form/src/components/List/index.tsx b/packages/form/src/components/List/index.tsx
@@ -160,6 +160,9 @@ function ProFormList<T>(props: ProFormListProps<T>) {
     isValidateList = false,
     emptyListMessage = '列表不能为空',
     className,
+    containerClassName,
+    containerStyle,
+    readonly,
     ...rest
   } = props;
 
@@ -244,7 +247,7 @@ function ProFormList<T>(props: ProFormListProps<T>) {
                 <RowWrapper>
                   <ProFormListContainer
                     name={name}
-                    readonly={!!rest.readonly}
+                    readonly={!!readonly}
                     originName={rest.name}
                     copyIconProps={copyIconProps}
                     deleteIconProps={deleteIconProps}
@@ -280,8 +283,8 @@ function ProFormList<T>(props: ProFormListProps<T>) {
                       }
                       onAfterRemove?.(index, count);
                     }}
-                    containerClassName={props.containerClassName}
-                    containerStyle={props.containerStyle}
+                    containerClassName={containerClassName}
+                    containerStyle={containerStyle}
                   >
                     {children}
                   </ProFormListContainer>