<Link to="/final-preview"> <button onClick={handleSubmit}> Final Preview </button> </Link>Entonces, antes de la función onClick, el enlace funcionaba perfectamente, pero después no. Estaría muy agradecido si alguien conoce alguna especificidad sobre el enlace del enrutador :)
Potencialmente, podría intentar useNavigate como una solución en lugar de
import { useNavigate } from "react-router-dom"; function ThisPage() { let navigate = useNavigate(); const leavePage = () => { navigate("/final-preview"); } return ( <div> <button onClick = {leavePage}/> </div> ) } export default ThisPage;En el método de página de abandono, puede manejar el envío de la vista previa, antes de navegar al siguiente enlace.
Espero que esto ayude.
Aquí hay un ejemplo
Enrutador React de primera importación
import { Link as RouterLink, Route, Routes, } from "react-router-dom";Agregar código
<Link component={RouterLink} to="/final-preview"> <button onClick={handleSubmit}> Final Preview </button> </Link>