fix: submit not trigger field re-render (#202)

* fix: Should trigger re-render on submit

* test: Add test case

Author: zombieJ

src/Field.tsx

@@ -323,6 +323,9 @@ class Field extends React.Component<InternalFieldProps, FieldState, InternalForm
     this.validatePromise = promise;
     this.errors = [];
 
+    // Force trigger re-render since we need sync renderProps with new meta
+    this.reRender();
+
     promise
       .catch(e => e)
       .then((errors: string[] = []) => {

tests/validate.test.js

@@ -1,7 +1,7 @@
 /* eslint-disable no-template-curly-in-string */
 import React from 'react';
 import { mount } from 'enzyme';
-import Form, { Field } from '../src';
+import Form, { Field, useForm } from '../src';
 import InfoField, { Input } from './common/InfoField';
 import { changeValue, matchError, getField } from './common';
 import timeout from './common/timeout';
@@ -578,5 +578,37 @@ describe('Form.Validate', () => {
     wrapper.update();
     matchError(wrapper, false);
   });
+
+  it('submit should trigger Field re-render', () => {
+    const renderProps = jest.fn().mockImplementation(() => null);
+
+    const Demo = () => {
+      const [form] = useForm();
+
+      return (
+        <Form form={form}>
+          <Field
+            name="test"
+            rules={[{ validator: async () => Promise.reject(new Error('Failed')) }]}
+          >
+            {renderProps}
+          </Field>
+          <button
+            type="button"
+            onClick={() => {
+              form.submit();
+            }}
+          />
+        </Form>
+      );
+    };
+
+    const wrapper = mount(<Demo />);
+    renderProps.mockReset();
+
+    // Should trigger validating
+    wrapper.find('button').simulate('click');
+    expect(renderProps.mock.calls[0][1]).toEqual(expect.objectContaining({ validating: true }));
+  });
 });
 /* eslint-enable no-template-curly-in-string */