Baixe o app para aproveitar ainda mais
Leia os materiais offline, sem usar a internet. Além de vários outros recursos!
Tela de login simples em React com TypeScript
Faça como milhares de estudantes: teste grátis o Passei Direto
Esse e outros conteúdos desbloqueados
16 milhões de materiais de várias disciplinas
Impressão de materiais
Agora você pode testar o
Passei Direto grátis
Compartilhar
Prévia do material em texto
import React, { useState } from 'react';
interface LoginProps {
handleLogin: (username: string, password: string) => void;
}
const Login: React.FC<LoginProps> = ({ handleLogin }) => {
const [username, setUsername] = useState('');
const [password, setPassword] = useState('');
const handleSubmit = (event: React.FormEvent) => {
event.preventDefault();
handleLogin(username, password);
};
return (
<form onSubmit={handleSubmit}>
<label>
Nome de usuário:
<input type="text" value={username} onChange={e => setUsername(e.target.value)} />
</label>
<label>
Senha:
<input type="password" value={password} onChange={e => setPassword(e.target.value)}
/>
</label>
<input type="submit" value="Entrar" />
</form>
);
};
export default Login;
Continue navegando
Compartilhar