Newer
Older
import { useNavigate } from 'react-router-dom';
const [firstname, setFirstname] = useState('');
const [lastname, setLastname] = useState('');
const [email, setEmail] = useState('');
const [password, setPassword] = useState('');
const handleSubmit = async (e: FormEvent<HTMLFormElement>) => {
e.preventDefault(); //verhindert, dass die Seite neu geladen wird, wenn das Formular abgeschickt wird
await handleRegister();
};
const requestBody = {
firstname:firstname,
lastname:lastname,
email:email,
password:password
};
console.log(requestBody)
const res = await fetch("http://localhost:8080/api/v1/auth/register", {
method:"POST",
headers: {
"Content-Type": "application/json"
},
body:JSON.stringify(requestBody
)}
)
const decodedToken = jwt_decode(token);
const expirationDate = new Date(decodedToken.exp * 1000);
setCookie("Jwt",token, expirationDate);
} catch (error:any) {
console.error('Fehler bei der Anmeldung:', error.message);
<div className="register">
<div>
<label>Vorname:</label>
<input
type="text"
value={firstname}
onChange={(e) => setFirstname(e.target.value)}
/>
</div>
<div>
<label>Nachname:</label>
<input
type="text"
value={lastname}
onChange={(e) => setLastname(e.target.value)}
/>
</div>
<div >
<label>Mailadresse:</label>
<input
type="text"
value={email}
onChange={(e) => setEmail(e.target.value)}
/>
</div>
<div>
<label>Passwort:</label>
<input
type="password"
value={password}
onChange={(e) => setPassword(e.target.value)}
/>
</div>