Mucho antes de escribir esta pregunta, busqué en Internet. Básicamente, muestra 3 soluciones. Probé todas, parece que están desactualizadas.
1. using history.push('/')El problema al que me enfrento con este método es que el navegador dice quién diablos es empujar. No sé qué es lo que debe depurar. Intento consolar el historial. Encuentro que no está definido. Lo he visto en la respuesta.
solo copio sus respuestas
import { useHistory } from "react-router-dom" function HomeButton() { let history = useHistory() function handleClick() { history.push("/home") } return ( <button type="button" onClick={handleClick}> Go home </button> ) }pero esto no funciona porque el error de importación useHistory está desactualizado, las otras respuestas tampoco se pueden usar como se hizo con la redirección nuevamente con un error de importación
Por favor, sugiérame una buena manera de hacer esto.
el historial se deprecia desde la versión 6+ de react-router, si desea migrar, siga este enlace.
Sin embargo, si acaba de instalar la versión 6+, puede usar useNavigate
import { useNavigate } from "react-router-dom"; function HomeButton() { let navigate = useNavigate() function handleClick() { navigate("/home") } return ( <button type="button" onClick={handleClick}> Go home </button> ) }más sobre el tema aquí