feat: test

react-component · Apr 24, 2024 · 0adfa6c · 0adfa6c
1 parent 0f949bf
commit 0adfa6c
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 3 deletions.
diff --git a/docs/examples/reload.tsx b/docs/examples/reload.tsx
@@ -7,9 +7,9 @@ export default () => {
   const [count, setCount] = useState(0);
 
   const [form] = Form.useForm(undefined, {
+    // useForm 增加 onLoad 还是 Form 增加 onLoad
     onFormLoad: () => {
-      console.log('load');
-      form.resetFields();
+      // form.resetFields();
     },
   });
 
@@ -26,7 +26,12 @@ export default () => {
         load
       </button>
       {load && (
-        <Form form={form} initialValues={{ count }}>
+        <Form
+          form={form}
+          // 或者 Form 增加 onLoad？
+          onLoad={() => form.resetFields()}
+          initialValues={{ count }}
+        >
           <Field name="count">
             <Input placeholder="count" />
           </Field>

diff --git a/src/Form.tsx b/src/Form.tsx
@@ -33,6 +33,7 @@ export interface FormProps<Values = any> extends BaseFormProps {
   onFinishFailed?: Callbacks<Values>['onFinishFailed'];
   validateTrigger?: string | string[] | false;
   preserve?: boolean;
+  onLoad?: () => void;
 }
 
 const Form: React.ForwardRefRenderFunction<FormInstance, FormProps> = (
@@ -50,6 +51,7 @@ const Form: React.ForwardRefRenderFunction<FormInstance, FormProps> = (
     onFieldsChange,
     onFinish,
     onFinishFailed,
+    onLoad,
     ...restProps
   }: FormProps,
   ref,
@@ -76,6 +78,10 @@ const Form: React.ForwardRefRenderFunction<FormInstance, FormProps> = (
     onFormLoad();
   }, [onFormLoad]);
 
+  React.useEffect(() => {
+    onLoad();
+  }, [onLoad]);
+
   // Register form into Context
   React.useEffect(() => {
     formContext.registerForm(name, formInstance);