Estoy tratando de crear una página de desplazamiento suave en React. Digamos que la página está dividida en 4 secciones:
Entonces, al desplazarse, si está en la sección 'Miembros' con id = miembros, la URL debe actualizarse a: sitio web.com/quiénes-somos#miembros para que pueda copiar este enlace, y cuando acceda a esta URL para enviar usted directamente a esa sección.
Debe usar IntersectionObserver para determinar si una sección está en la ventana gráfica. Utilice una ref como objetivo. Use un gancho de efecto para crear el IntersectionObserver.
Luego puede actualizar la ubicación por document.location.replace() . También puede usar, por ejemplo, el práctico gancho useHistory() de React Router .