title: When to use Navigation vs 'State based switching' between components and pages in a React application?
body: <p>I'm new to React.</p>
  <p>In React, we use navigation with a library like... 'react-router-dom' to navigate to pages. My question is most of the time, I can show and hide the entire Component based on the item selected in a navigation bar. I can store a value in the state and if the selection changes, I can show another component. <strong>Then why should we use a navigation library to navigate around?</strong></p>
  <p>I can not find any clear information about this online. Please help.</p>