import React, { useState } from 'react';
import axios from 'axios';
import { useNavigate } from 'react-router-dom';
const Login = () => {
const [username, setUsername] = useState('');
const [password, setPassword] = useState('');
const [error, setError] = useState('');
const navigate = useNavigate();
const handleLogin = async (e) => {
e.preventDefault();
try {
const response = await axios.post('https://backend-rockefeller-finance.onrender.com/api/login', {
username,
password,
});
localStorage.setItem('token', response.data.token);
navigate('/home');
} catch (err) {
setError(err.response?.data?.error || 'Lỗi đăng nhập');
}
};
const handleRegister = async () => {
try {
await axios.post('https://rockefeller-finance-backend.onrender.com/api/register', {
username,
password,
});
alert('Đăng ký thành công! Vui lòng đăng nhập.');
} catch (err) {
setError(err.response?.data?.error || 'Lỗi đăng ký');
}
};
return (
);
};
export default Login;
Đăng nhập
{error &&{error}
}