fix(Form): fix Field onChange reset value

src/Form/Form.tsx

@@ -141,9 +141,17 @@ const Form: FormComponent = React.forwardRef((props: FormProps, ref) => {
   const [_formValue, setFormValue] = useState(formDefaultValue);
   const [_formError, setFormError] = useState(formError || {});
 
+  const formValueRef = useRef(formValue);
+
+  formValueRef.current = formValue;
+
+  const _formValueRef = useRef(_formValue);
+
+  _formValueRef.current = _formValue;
+
   const getFormValue = useCallback(() => {
-    return isUndefined(formValue) ? _formValue : formValue;
-  }, [_formValue, formValue]);
+    return isUndefined(formValueRef.current) ? _formValueRef.current : formValueRef.current;
+  }, []);
 
   const getFormError = useCallback(() => {
     return isUndefined(formError) ? _formError : formError;

src/Form/test/FormSpec.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import React, { useCallback } from 'react';
 import { render } from '@testing-library/react';
 import ReactTestUtils from 'react-dom/test-utils';
 import _isNil from 'lodash/isNil';
@@ -652,4 +652,47 @@ describe('Form', () => {
       formRef.current.check();
     });
   });
+
+  it('Should accepter onChange effect current field', () => {
+    const Accepter = ({ value, onChange }) => {
+      const handleClick = useCallback(() => {
+        onChange(value + 1);
+      }, []);
+      return (
+        <div>
+          {value}
+          <button aria-label="add btn" onClick={handleClick}>
+            +
+          </button>
+        </div>
+      );
+    };
+
+    const App = () => {
+      const [value, setValue] = React.useState({
+        name: '',
+        age: 0
+      });
+      return (
+        <Form formValue={value} onChange={setValue}>
+          <FormControl name="name" aria-label="name" />
+          <FormControl name="age" accepter={Accepter} />
+        </Form>
+      );
+    };
+
+    const { getByLabelText } = render(<App />);
+
+    ReactTestUtils.Simulate.change(getByLabelText('name'), {
+      target: {
+        value: 'abc'
+      }
+    });
+
+    assert.isTrue(getByLabelText('name').value === 'abc');
+
+    ReactTestUtils.Simulate.click(getByLabelText('add btn'));
+
+    assert.isTrue(getByLabelText('name').value === 'abc');
+  });
 });