Muy buen trabajo, de mi parte la unica correccion es que en react en lugar de utilizar la etiqueta:
<a href="#"> utiliza <Link to="#" >
y debes importarlo:
import { Link } from 'react-router-dom';
Concuerdo con Noe!
<a> recarga la página, así que solo se debe utilizar para la navegación externa.
También podrías haber mapeado los enlaces del Navbar.
Muy buen trabajo, de mi parte la unica correccion es que en react en lugar de utilizar la etiqueta:
<a href="#">
utiliza<Link to="#" >
y debes importarlo: import { Link } from 'react-router-dom';