Hay una página https://stackblitz.com/edit/react-fjya8s?file=src%2Fcomponents%2FHeader.jsx . Es necesario que el componente Accaunt esté ubicado en una página diferente (no en la que se encuentra el componente Enter (es decir, debería ser como en https://metanit.com/web/react/4.1.php ) - es decir los componentes deben estar ubicados en páginas diferentes). Dime cómo lograr esto.

Para lograr el objetivo, utilicé la etiqueta de Route de la biblioteca react-router-dom con los atributos path y component . solía

 const Header = () => { return ( <> <Router> <Route exact path="/" component={Enter}></Route> <Route path="/Accaunt" component={Accaunt}></Route> </Router> </> ); };

pero el componente Accaunt está en la misma página (visualmente) que el componente Enter .

Estoy interesado en varias formas de resolver el problema ya que soy un novato. Acepto cualquier solución al problema.