React v6 Routes

Start with npx create-react-app react-router-demo

Modify your App.js to like this

Create the following Components

Click on any of the menu links and notice that you lose the menu, and you have to click the back button or type http://localhost:3000 to back the home page

1. this is because they are all subcomponents of <App>

Modify App.js so it looks like this

Observe that the url changes but the child layout doesn’t display anything