fix(antd/next): fix form tab error badge count (#3206)

alibaba · Jun 17, 2022 · 6eed89b · 6eed89b
1 parent a4974d2
commit 6eed89b
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 6 deletions.
diff --git a/packages/antd/src/form-tab/index.tsx b/packages/antd/src/form-tab/index.tsx
@@ -26,7 +26,7 @@ export interface IFormTabPaneProps extends TabPaneProps {
 }
 
 interface IFeedbackBadgeProps {
-  key: SchemaKey
+  name: SchemaKey
   tab: React.ReactNode
 }
 
@@ -60,7 +60,7 @@ const FeedbackBadge: ReactFC<IFeedbackBadgeProps> = observer((props) => {
   const field = useField()
   const errors = field.form.queryFeedbacks({
     type: 'error',
-    address: `${field.address.concat(props.key)}.*`,
+    address: `${field.address.concat(props.name)}.*`,
   })
   if (errors.length) {
     return (
@@ -105,7 +105,7 @@ export const FormTab: ComposedFormTab = observer(
           <Tabs.TabPane
             key={key}
             {...props}
-            tab={<FeedbackBadge key={name} tab={props.tab} />}
+            tab={<FeedbackBadge name={name} tab={props.tab} />}
             forceRender
           >
             <RecursionField schema={schema} name={name} />

diff --git a/packages/next/src/form-tab/index.tsx b/packages/next/src/form-tab/index.tsx
@@ -30,7 +30,7 @@ export interface IFormTabPaneProps extends TabPaneProps {
 }
 
 interface IFeedbackBadgeProps {
-  key: SchemaKey
+  name: SchemaKey
   tab: React.ReactNode
 }
 
@@ -74,7 +74,7 @@ const FeedbackBadge: ReactFC<IFeedbackBadgeProps> = observer((props) => {
   const field = useField()
   const errors = field.form.queryFeedbacks({
     type: 'error',
-    address: `${field.address.concat(props.key)}.*`,
+    address: `${field.address.concat(props.name)}.*`,
   })
   if (errors.length) {
     return (
@@ -110,7 +110,7 @@ export const FormTab: ComposedFormTab = observer(
           <Tabs.Item
             key={key}
             {...props}
-            tab={<FeedbackBadge key={name} tab={props.tab} />}
+            tab={<FeedbackBadge name={name} tab={props.tab} />}
           >
             <RecursionField schema={schema} name={name} />
           </Tabs.Item>