React-router V4 Showing Multiple Routes At Once

I am having an issue where my routing using react-router-dom is showing all routes at once. So when I render my App component and the start that contains the Routing, I am seeing

Solution 1:

From the React Training :

Routes without a path always match.

So in your case both will always match because u are using pattern.

Solution 2:

You need to add Switch tag . It will switch between your components.

constApp = () => { 
return ( <Router><Switch><Routeexactpath='/'component={Login}/><Routeexactpath='/home'component={Home}/></Switch></Router> ); };