Soy un nuevo desarrollador, actualmente me encuentro realizando un portafolio, y no lo hice por HTML básico, sino cree un proyecto de React V6. El inconveniente que tengo, es que no puedo desplazarme a la sección mediante #id como se suele manejar en un portafolio de HTML. He intentado con Routes / Route y no consigo hacerlo.
Algun consejo, para replicar el siguiente codigo en React?
<div class="collapse navbar-collapse" id="ftco-nav">
<ul class="navbar-nav nav ml-auto">
<li class="nav-item"><a href="#home-section" class="nav-link"><span>Home</span></a></li>
<li class="nav-item"><a href="#about-section" class="nav-link"><span>About</span></a></li>
<li class="nav-item"><a href="#resume-section" class="nav-link"><span>Resume</span></a></li>
<li class="nav-item"><a href="#services-section" class="nav-link"><span>Services</span></a></li>
<li class="nav-item"><a href="#skills-section" class="nav-link"><span>Skills</span></a></li>
<li class="nav-item"><a href="#projects-section" class="nav-link"><span>Projects</span></a></li>
<li class="nav-item"><a href="#blog-section" class="nav-link"><span>My Blog</span></a></li>
<li class="nav-item"><a href="#contact-section" class="nav-link"><span>Contact</span></a></li>
</ul>
</div>