File tree Expand file tree Collapse file tree 1 file changed +12
-10
lines changed Expand file tree Collapse file tree 1 file changed +12
-10
lines changed Original file line number Diff line number Diff line change @@ -84,26 +84,28 @@ import React, { Component } from 'react';
8484import { FormBuilder , Validators , Field } from " react-reactive-form" ;
8585import { AbstractControl } from " react-reactive-form" ;
8686
87- // Create the controls
88- const loginForm = FormBuilder .group ({
89- username: [" " , Validators .required ],
90- password: [" " , Validators .required ],
91- rememberMe: false
92- });
93-
9487export default class Login extends Component {
88+ constructor (props ) {
89+ super (props);
90+ // Create the controls
91+ this .loginForm = FormBuilder .group ({
92+ username: [" " , Validators .required ],
93+ password: [" " , Validators .required ],
94+ rememberMe: false
95+ });
96+ }
9597 handleReset = (e ) => {
96- loginForm .reset ();
98+ this . loginForm .reset ();
9799 e .preventDefault ();
98100 }
99101 handleSubmit = (e ) => {
100- console .log (" Form values" , loginForm .value );
102+ console .log (" Form values" , this . loginForm .value );
101103 e .preventDefault ();
102104 }
103105 render () {
104106 return (
105107 < Field
106- control= {loginForm}
108+ control= {this . loginForm }
107109 render= {({ get, invalid }) => (
108110 < form onSubmit= {this .handleSubmit }>
109111 < Field
You can’t perform that action at this time.
0 commit comments