title: Is there a way to leave just one component and link's content on the page?
body: <p>Here is the code:</p>
  <pre><code>import React from &quot;react&quot;;
  import { BrowserRouter, Routes, Route } from &quot;react-router-dom&quot;;
  import Navbar from &quot;./components/navbar/navbar&quot;;
  import Intro from &quot;./components/intro/intro&quot;;
  import Services from &quot;./components/services/services&quot;;
  import Experience from &quot;./components/experience/experience&quot;;
  import TrelloClone from &quot;./pages/TrelloClone/TrelloClone&quot;;
  import './App.css'
  
  function App() {
    return (
      &lt;div className=&quot;App&quot;&gt;
        &lt;BrowserRouter&gt;
          &lt;Navbar /&gt;
          &lt;Routes&gt;
            {/* &lt;Route path=&quot;/vanillajs&quot; element={SpotifyClone} /&gt;
            &lt;Route path=&quot;/djangoapi&quot; element={InstagramClone} /&gt; */}
            &lt;Route path=&quot;/reactjs&quot; element={&lt;TrelloClone /&gt;} /&gt;
          &lt;/Routes&gt;
        &lt;/BrowserRouter&gt;
        &lt;Intro /&gt;
        &lt;Services /&gt;
        &lt;Experience /&gt;
      &lt;/div&gt;
    );
  }
  
  export default App;
  </code></pre>
  <p>So basically I need to hide(or remove) <code>&lt;Intro /&gt;</code>, <code>&lt;Services /&gt;</code> and <code>&lt;Experience /&gt;</code> by clicking the link that leads to '<em>/reactjs</em>' path but leave the <code>&lt;Navbar /&gt;</code> on the page.</p>
  <p>edit: grammar and clarifications</p>