import React, { useState } from 'react';
import axios from 'axios';
function Login() {
const [email, setEmail] = useState('');
const [password, setPassword] = useState('');
const handleSubmit = async (e) => {
e.preventDefault();
try {
const response = await axios.post('http://yourserver.com/login', {
email,
password,
});
// Handle success (store token, redirect, etc.)
console.log('Success:', response.data);
} catch (error) {
// Handle error (e.g., show error message)
console.error('Error:', error.response ? error.response.data : error.message);
}
};
return (
Email:
<input
type="email"
value={email}
onChange={(e) => setEmail(e.target.value)}
required
/>
Password:
<input
type="password"
value={password}
onChange={(e) => setPassword(e.target.value)}
required
/>
Login
);
}
export default Login;
import React, { useState } from 'react';
import axios from 'axios';
function Login() {
const [email, setEmail] = useState('');
const [password, setPassword] = useState('');
const handleSubmit = async (e) => {
e.preventDefault();
try {
const response = await axios.post('http://yourserver.com/login', {
email,
password,
});
// Handle success (store token, redirect, etc.)
console.log('Success:', response.data);
} catch (error) {
// Handle error (e.g., show error message)
console.error('Error:', error.response ? error.response.data : error.message);
}
};
return (
Email:
<input
type="email"
value={email}
onChange={(e) => setEmail(e.target.value)}
required
/>
Password:
<input
type="password"
value={password}
onChange={(e) => setPassword(e.target.value)}
required
/>
Login
);
}
export default Login;