34 lines
1.0 KiB
React
34 lines
1.0 KiB
React
|
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>
|
||
|
);
|
||
|
}
|
||
|
}
|