fix: fix the formRef error in browser console

Fix the `formRef` to `formref` as prop of a DOM element

Change-Id: If55a74e6962e1ca44653d3501bdc39d4734257b3

src/components/Form/index.jsx

@@ -583,7 +583,7 @@ export default class BaseForm extends React.Component {
               {...rest}
               name={name}
               key={`form-item-${index}`}
-              formRef={this.formRef}
+              formref={this.formRef}
             />
           </Col>
         );
@@ -610,7 +610,7 @@ export default class BaseForm extends React.Component {
           key={`form-item-col-${index}`}
           id={`form-item-col-${name}`}
         >
-          <FormItem {...it} key={`form-item-${index}`} formRef={this.formRef} />
+          <FormItem {...it} key={`form-item-${index}`} formref={this.formRef} />
         </Col>
       );
       // return null;

src/components/FormItem/index.jsx

@@ -125,7 +125,7 @@ export default class FormItem extends React.Component {
     mode: PropTypes.string,
     onChange: PropTypes.func,
     dependencies: PropTypes.array,
-    formRef: PropTypes.object,
+    formref: PropTypes.object,
   };
 
   static defaultProps = {

src/components/SimpleForm/index.jsx

@@ -26,7 +26,7 @@ export default class index extends Component {
     onFinish: PropTypes.func,
     size: PropTypes.string,
     formItems: PropTypes.array,
-    formRef: PropTypes.any,
+    formref: PropTypes.any,
   };
 
   static defaultProps = {
@@ -95,10 +95,10 @@ export default class index extends Component {
   };
 
   render() {
-    const { formItems, formRef, className, ...rest } = this.props;
+    const { formItems, formref, className, ...rest } = this.props;
     return (
       <Form
-        ref={formRef}
+        ref={formref}
         className={classnames(className, 'simple-form')}
         {...rest}
       >

src/pages/auth/containers/ChangePassword/index.jsx

@@ -200,7 +200,7 @@ export class Password extends Component {
       <>
         <h1 className={styles.welcome}>{t('Welcome')}</h1>
         <SimpleForm
-          formRef={this.formRef}
+          formref={this.formRef}
           formItems={this.formItems}
           name="reset_password"
           className={styles.reset}

src/pages/auth/containers/Login/index.jsx

@@ -394,7 +394,7 @@ export class Login extends Component {
           className={styles['login-form']}
           initialValues={this.defaultValue}
           onFinish={this.onFinish}
-          formRef={this.formRef}
+          formref={this.formRef}
           size="large"
         />
         {this.renderExtra()}