How to use ReactJS from the login page to the dashboard

import React from'react';
import createHistory from'history/createBrowserHistory' ;

const history = createHistory();

export default class App extends React.Component {

 constructor(props){
 super(props);
 this.state = {}
 }

 goToDashboard(e){
 this.props.history.push('/employeelist') ;
 }

 render() {
 return (
 

 

 

 Username:
 
 < /div>
 

 Password:
 
 

 Submit
 

 

 );
 }
}

App.contextTypes = {
 router: React.PropTypes.object.isRequired
}

import React from'react';
import App from'./App.jsx';
import EmployeeRegister from'./EmployeeRegister .jsx';
import EmployeeList from'./EmployeeList.jsx';
import {HashRouter, Route, Link} from'react-router-dom';

export default class Dashboard extends React.Component{

 render(){

 return(
 (
 
 


 


 
 
 
 

 

 )
 );

 }

};

This is my login page (App.jsx). I am trying to navigate to the dashboard after a successful login. But it is not navigating as expected. I want to know if it is possible to navigate from an external page (App.jsx) to the routing page (Dashboard. jsx).

import React from'react';
import createHistory from'history/createBrowserHistory';

const history = createHistory();

export default class App extends React.Component {

 constructor(props){
 super(props);
 this.state = {}
 }

 goToDashboard(e){
 this.props.history.push('/employeelist');
 }

 render() { 
 return (
 

 

 

 Username:
 
 

 
< br /> Password:
 
 
 
 Submit
 


 

 );
 }
}

App.contextTypes = {
 router: React.PropTypes.object.isRequired
}

This is my dashboard page (Dashboard.jsx)

import React from'react';
import App from './App.jsx';
import EmployeeRegister from'./EmployeeRegister.jsx';
import EmployeeList from'./EmployeeList.jsx';
import {HashRouter, Route, Link} from'react-router-dom';

export default class Dashboard extends React.Component{

 render(){

 return(
 (
 
 


 


 
 
 
 

 

 )
 );

 }

};

I will include everything higher In the lower-level component (App), and routed inside the App component. In this way, you can more easily build paths and swap out subitems as needed.

More or less This way;