mi pregunta es sencilla y complicada: De qué manera manejar la navegacion entre secciones en una misma pagina con React? La verdad ya no tengo idea, veo sobre el uso de ref y cosas asi pero vamos, los ejemplos son tan sencillos y simples que no hay manera, no resuelve ninguna duda. Aparte que todo se hace casi que en una misma funcion en un mismo archivo y asi simplemente no va nada en la realidad.
Ok, de ejemplo, el manejo normal de navegacion entre secciones (sin react) seria algo de tipo:
<a href="#seccion1">Ir a seccion 1<a/>
<div id='seccion1'> Contenido <div/>
esto me llevaria a ver el contenido en la seccion1
, cierto?
pero en React, y con React Router manejas algo del estilo
<Router>
<Link to='/' exact>Inicio<Link/>
<Link to='/seccion1'>Seccion 1<Link/>
<Switch>
<Route path='/'>
<Inicio />
</Route>
<Route path='/seccion1'>
<Seccion1 />
</Route>
</Switch>
</Router>
es la navegacion que salta entre paginas y renderiza un componente u otro segun la ruta, cierto?
Pues, el problema que quiero resolver es la navegacion en una misma pagina, imaginen que tenemos una landing con esto:
<Router>
<Route path='/'>
<Inicio />
<Seccion1 />
<Seccion2 />
<SeccionN />
</Route>
</Router>
Este es mi ruta inicial, muestra todos estos componentes que forman parte de una misma landing page, pero que llegado un caso debes hacer scroll para llegar a cada seccion , cierto?
Esa es la duda, obviamente con react router manejaria un <Link to='/equisCosa'>
y cada seccion tendria una pagina "particular" para su contenido. Pero el caso que quiero es mantenerme en la misma ruta inicial, pero moverme hasta determinada seccion que seria un componente cualquiera dentro de la misma landing inicial, sin cambio alguno de ruta. O sea, mi pregunta es debo trabajarlo con etiquetas <a></a>
con sus href en lugar de <Link to=''>
? De verdad no se, como dije, en la documentacion de react se habla sobre el paso de ref
pero no entendi absolutamente nada, esta claro que soy hiper novato en esto, y leer la documentacion me genera mas dudas que respuestas, por eso pido una ayuda mas "organica" de su parte.
de lo contrario es casi imposible que recibas ayuda
por que me tome varios minutos para poder entender tu pregunta y no tuve éxito, agrega el código de react y react router como tu dices y explícalo mostrando el código para saber a que te estas refiriendo y poder ayudarte.