fix(Form.Control): shouldResetWithUnmount isn't working (#3055)

when several components unmount at the same time,
React will call them one by one, and the later ones will overwrite the earlier ones

src/Form/Form.tsx

@@ -312,6 +312,7 @@ const Form: FormComponent = React.forwardRef((props: FormProps, ref: React.Ref<F
        * so use Ref to get future error
        */
       const formError = omit(realFormErrorRef.current, [name]);
+      realFormErrorRef.current = formError;
       setFormError(formError);
       onCheck?.(formError);
     },
@@ -325,6 +326,7 @@ const Form: FormComponent = React.forwardRef((props: FormProps, ref: React.Ref<F
        * so use Ref to get future value
        */
       const formValue = omit(realFormValueRef.current, [name]);
+      realFormValueRef.current = formValue;
       setFormValue(formValue);
       onChange?.(formValue);
     },

src/FormControl/test/FormControlSpec.tsx

@@ -215,11 +215,11 @@ describe('FormControl', () => {
     expect(alert).to.exist;
     expect(input).to.have.attr('aria-errormessage', alert.getAttribute('id') as string);
   });
-
   it('Should remove value and error when shouldResetWithUnmount is true', () => {
-    let refValue = { username: '', email: '' };
+    let refValue = { username: '', email: '', password: '' };
     let refError = {};
     const model = Schema.Model({
+      password: Schema.Types.StringType().maxLength(2, 'The length cannot exceed 2'),
       username: Schema.Types.StringType().maxLength(2, 'The length cannot exceed 2'),
       email: Schema.Types.StringType().maxLength(2, 'The length cannot exceed 2')
     });
@@ -245,6 +245,7 @@ describe('FormControl', () => {
             formError={error}
             formValue={value}
           >
+            {email || <FormControl id="password" name="password" shouldResetWithUnmount />}
             {email || <FormControl id="username" name="username" shouldResetWithUnmount />}
             <FormControl id="email" name="email" />
           </Form>
@@ -255,13 +256,19 @@ describe('FormControl', () => {
     fireEvent.change(container.querySelector('#username') as HTMLInputElement, {
       target: { value: 'username' }
     });
-    assert.deepEqual(refValue, { username: 'username', email: '' });
-    assert.deepEqual(refError, { username: 'The length cannot exceed 2' });
+    fireEvent.change(container.querySelector('#password') as HTMLInputElement, {
+      target: { value: 'password' }
+    });
+    expect(refValue).to.deep.equal({ username: 'username', password: 'password', email: '' });
+    expect(refError).to.deep.equal({
+      username: 'The length cannot exceed 2',
+      password: 'The length cannot exceed 2'
+    });
     fireEvent.change(container.querySelector('#email') as HTMLInputElement, {
       target: { value: 'email' }
     });
-    assert.deepEqual(refValue, { email: 'email' } as any);
-    assert.deepEqual(refError, { email: 'The length cannot exceed 2' });
+    expect(refValue).to.deep.equal({ email: 'email' });
+    expect(refError).to.deep.equal({ email: 'The length cannot exceed 2' });
   });
 
   describe('rule', () => {