Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- import React, {useContext, useEffect, useState} from 'react';
- import { AuthContext } from '../context/AuthContext';
- const Login = () => {
- const {LoginUsers} = useContext(AuthContext);
- const [email, setEmail] = useState('');
- const[password, setPassword] = useState('');
- // useEffect(() =>{
- // }, [])
- // const ChangeHandler = e => {
- // this.setState({[e.target.name]: e.target.value})
- // }
- const handleSubmit = (e) => {
- e.preventDefault();
- LoginUsers(email, password)
- setEmail('')
- setPassword('')
- //console.log(email, password);
- }
- return (
- <div>
- <div>
- <form onSubmit={handleSubmit}>
- <label>
- Person Name:
- <input type="text" name="email" value={email} onChange={(e) => setEmail(e.target.value)} ></input>
- </label>
- <label>
- Person Name:
- <input type="text" name="password" value={password} onChange={(e) => setPassword(e.target.value)} ></input>
- </label>
- <button type="submit" >Add</button>
- </form>
- </div>
- </div>
- )
- }
- export default Login;
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement