Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- class SigninInput extends Component {
- constructor(props) {
- super(props);
- this.state = {
- email: "",
- password: ""
- }
- }
- handleOnChange = event => {
- this.setState({
- [event.target.name]: event.target.value
- })
- }
- handleSubmit = (event) => {
- event.preventDefault();
- this.props.authenticate(this.state);
- }
- render() {
- return (
- <div>
- <div className='signinInput'>
- <form onSubmit={event => this.handleSubmit(event)} >
- <label htmlFor='signin-email'>Email</label><br></br>
- <input id='sigin-email' onChange={event => this.handleOnChange(event)} name='email' type='text' value={this.state.email}/>
- <label htmlFor='signin-password'>Password</label>
- <input id='signin-password' onChange={event => this.handleOnChange(event)} name='password' type='password' value={this.state.password}/>
- <input className='btn btn-primary' type='submit' value='Sign in'/>
- </form>
- </div>
- </div>
- )
- }
- }
- export default SigninInput
Add Comment
Please, Sign In to add comment