Acabo de hacer una página de inicio de sesión con el formulario vadidate, pero el problema es que no puedo vincularlo a la página de inicio, aquí está el código de la página de inicio de sesión

import React from "react"; import Avatar from "@material-ui/core/Avatar"; import Button from "@material-ui/core/Button"; import CssBaseline from "@material-ui/core/CssBaseline"; import TextField from "@material-ui/core/TextField"; import FormControlLabel from "@material-ui/core/FormControlLabel"; import Checkbox from "@material-ui/core/Checkbox"; import Link from "@material-ui/core/Link"; import Grid from "@material-ui/core/Grid"; import Box from "@material-ui/core/Box"; import LockOutlinedIcon from "@material-ui/icons/LockOutlined"; import Typography from "@material-ui/core/Typography"; import { makeStyles, withStyles } from "@material-ui/core/styles"; import Container from "@material-ui/core/Container"; import { ValidatorForm, TextValidator } from "react-material-ui-form-validator"; const styles = theme ={amp}gt; ({ paper: { marginTop: theme.spacing(10), display: "flex", flexDirection: "column", alignItems: "center" }, avatar: { margin: theme.spacing(1), backgroundColor: theme.palette.secondary.main }, form: { width: "100%", marginTop: theme.spacing(1) }, submit: { margin: theme.spacing(3, 0, 2) } }); class SignIn extends React.Component { state = { formData: { email: '', password:'', }, submitted: false, }; handleChange = (event) ={amp}gt; { const { formData } = this.state; formData[event.target.name] = event.target.value; this.setState({ formData }); } handleSubmit = () ={amp}gt; { this.setState({ submitted: true }, () ={amp}gt; { setTimeout(() ={amp}gt; this.setState({ submitted: false }), 5000); }); } render() { const { formData, submitted } = this.state; const { classes } = this.props; return ( {amp}lt;ValidatorForm ref="form" onSubmit={this.handleSubmit} className={classes.form} {amp}gt; {amp}lt;Container component="main" maxWidth="xs"{amp}gt; {amp}lt;CssBaseline /{amp}gt; {amp}lt;div className={classes.paper}{amp}gt; {amp}lt;Avatar className={classes.avatar}{amp}gt; {amp}lt;LockOutlinedIcon /{amp}gt; {amp}lt;/Avatar{amp}gt; {amp}lt;Typography component="h1" variant="h5"{amp}gt; Sign in {amp}lt;/Typography{amp}gt; {amp}lt;TextValidator variant="outlined" margin="normal" required onChange={this.handleChange} value={formData.username} validators={["required", "isEmail"]} errorMessages={["this field is required", "email is not valid"]} fullWidth id="username" label="Email" name="username" /{amp}gt; {amp}lt;TextValidator variant="outlined" margin="normal" required fullWidth name="password" label="Password" type="password" onChange={this.handleChange} value={formData.password} validators={['required','minStringLength:6']} errorMessages={["Password can't not empty","Must at least 6 character"]} id="password" /{amp}gt; {amp}lt;FormControlLabel control={{amp}lt;Checkbox value="remember" color="primary" /{amp}gt;} label="Remember me" /{amp}gt; {amp}lt;Button href="home" type="submit" fullWidth variant="contained" color="primary" disabled={submitted} className={classes.submit} {amp}gt; Sign In {amp}lt;/Button{amp}gt; {amp}lt;/div{amp}gt; {amp}lt;Box mt={8}{amp}gt;{amp}lt;/Box{amp}gt; {amp}lt;/Container{amp}gt; {amp}lt;/ValidatorForm{amp}gt; ); } } export default withStyles(styles)(SignIn); 

puedo hacer el vadilate, pero después de ingresar el correo electrónico y la contraseña correctos, el botón de registro simplemente se desenfoca, no redirige a la página de inicio, invitado, debería cambiar en handleSubmit pero soy totalmente principiante, así que ayúdame a hacer esto

cómo hacer esto: cuando completo toda la información correctamente, y presiono el botón de inicio de sesión, se dirige a "/home" , no solo se difumina, muchas gracias