Estoy tratando de hacer varias páginas en la aplicación Reaccionar, y estoy confundido sobre cómo configurar mis códigos correctamente; tengo una carpeta de componentes que tiene Navbar.jsx que tengo mis elementos de navegación que quiero enviarme a otra página cuando hago clic en (ruta de reacción) . y tengo la carpeta Container que tiene Header.jsx y eso es lo que quiero cambiar en función de los elementos de navegación en los que se hizo clic.

 import React, { useState } from 'react'; import { RiMenu3Line, RiCloseLine } from 'react-icons/ri'; import './Navbar.css'; import logo from '../../assets/logo.png' import { BrowserRouter as Router, Switch, Route, Link, useRouteMatch, useParams } from "react-router-dom"; const Menu = () => ( <> <Router> <p><Link to={"/about"}>About</Link></p> <p><Link to={"/contact"}>Contact</Link></p> </Router> </> ) const Navbar = () => { ...

Header.jsx No cambié nada

 const Header = () => { return (...