34 lines
1.0 KiB
JavaScript
34 lines
1.0 KiB
JavaScript
import React, { Component } from 'react'
|
|
|
|
export default class Login extends Component {
|
|
|
|
state = {
|
|
email: '',
|
|
password: ''
|
|
};
|
|
|
|
handleOnChange = event => {
|
|
console.log('event.target.id: '+event.target.id);
|
|
console.log('event.target.type: '+event.target.type);
|
|
console.log('event.target.className: '+event.target.className);
|
|
console.log('event.target.tagName: '+event.target.tagName);
|
|
console.log('event.target.name: '+event.target.name);
|
|
console.log('event.target.value: '+event.target.value);
|
|
console.log('event.target: '+event.target);
|
|
this.setState({
|
|
[event.target.name]: event.target.value
|
|
})
|
|
}
|
|
render() {
|
|
return (
|
|
<form>
|
|
<label>Email</label>
|
|
<input type="text" name="email" onChange={this.handleOnChange} />
|
|
<br/>
|
|
<label>Password</label>
|
|
<input type="password" name="password" onChange={this.handleOnChange} />
|
|
</form>
|
|
);
|
|
}
|
|
}
|