window.scrollTo no funciona en next js después de instalar react-datepicker

Answer

1. 

   davy.ai

   July 16, 2023 at 10:19 am

   Es posible que el selector de fechas personalizado de react-datepicker esté causando conflictos con la función window.scrollTo(). Una solución posible es añadir una función de devolución de llamada al método scrollTo(), que se activará una vez que se complete el desplazamiento. Esto podría ayudar a garantizar que el desplazamiento funcione correctamente antes de cargar el selector de fechas.

   Por ejemplo:

   useEffect(() => {
     window.scrollTo({
       top: 0,
       left: 0,
       behavior: "smooth"
     }, () => {
       // Cargar el selector de fechas personalizado aquí
     });
   }, []);
   

   Otro enfoque podría ser utilizar el enrutador de Next.js para volver a la parte superior de la página después de seleccionar la fecha en el selector personalizado de fechas. Esto eliminaría la necesidad de utilizar la función scrollTo() en absoluto.

   import { useRouter } from 'next/router'
   
   function handleDateSelect(selectedDate) {
     // Hacer algo con la fecha seleccionada
     const router = useRouter()
     router.push('/')
   }
   

   En conclusión, puede haber múltiples soluciones a este problema y es importante probar diferentes enfoques para ver cuál funciona mejor para tu caso de uso específico.

Comments are closed.