fix(next): fix children not rendered

alibaba · Nov 13, 2020 · 52ece39 · 52ece39
1 parent 598303d
commit 52ece39
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 10 deletions.
diff --git a/packages/antd/src/components/Form.tsx b/packages/antd/src/components/Form.tsx
@@ -56,6 +56,9 @@ export const Form: React.FC<IAntdFormProps &
         const onReset = () => {
           form.reset({ validate: false, forceClear: false })
         }
+        const renderedChildren = isFn(children)
+          ? children(form)
+          : cloneChlildren(children)
         return (
           <PreviewText.ConfigProvider value={props}>
             <FormItemDeepProvider {...props}>
@@ -79,11 +82,7 @@ export const Form: React.FC<IAntdFormProps &
                   wrapperCol={normalizeCol(props.wrapperCol)}
                   layout={inline ? 'inline' : props.layout}
                 >
-                  {() => {
-                    return isFn(children)
-                      ? children(form)
-                      : cloneChlildren(children)
-                  }}
+                  {renderedChildren}
                 </AntdForm>
               </div>
             </FormItemDeepProvider>

diff --git a/packages/next/src/components/Form.tsx b/packages/next/src/components/Form.tsx
@@ -46,6 +46,9 @@ export const Form: React.FC<INextFormProps &
       }}
     >
       {form => {
+        const renderedChildren = isFn(children)
+          ? children(form)
+          : cloneChlildren(children)
         return (
           <PreviewText.ConfigProvider value={props}>
             <FormItemDeepProvider {...props}>
@@ -65,11 +68,7 @@ export const Form: React.FC<INextFormProps &
                     form.reset({ validate: false, forceClear: false })
                   }}
                 >
-                  {() => {
-                    return isFn(children)
-                      ? children(form)
-                      : cloneChlildren(children)
-                  }}
+                  {renderedChildren}
                 </NextForm>
               </div>
             </FormItemDeepProvider>