Skip to content

Commit 58430bb

Browse files
author
Kuldeep Saxena
authored
Update README.md
1 parent 15e8859 commit 58430bb

File tree

1 file changed

+12
-10
lines changed

1 file changed

+12
-10
lines changed

README.md

Lines changed: 12 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -84,26 +84,28 @@ import React, { Component } from 'react';
8484
import { FormBuilder, Validators, Field } from "react-reactive-form";
8585
import { 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-
9487
export 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

0 commit comments

Comments
 (0)