Estou criando uma app em NodeJs, React & Redux aqui na empresa. E tenho uma página que é a Content, nela tenho duas barras de navegação e uma área comum para o conteúdo. Nesta área comum estou utilizando o Switch para controlar as rotas, mas quero que uma rota (componente) entre logo quando a app é carregada, ou seja, seja a default, mas não estou encontrando documentação sobre isso, pode me ajudar, abaixo segue o código.
import React, { Fragment } from 'react';
import { BrowserRouter as Router, Route, Switch } from 'react-router-dom';
import Navbar from './Navbar';
import Topnavbar from './Topnavbar';
import Dashboard from './Dashboard';
import Profile from './Profile';
const Content = () => {
return (
<Router>
<Fragment>
<div id='wrapper'>
<Navbar />
<div id='content-wrapper' className='d-flex flex-column'>
<div id='content'>
<Topnavbar />
<Switch>
<Route exact path='/dashboard' component={Dashboard} />
<Route exact path='/profile' component={Profile} />
</Switch>
</div>
</div>
</div>
</Fragment>
</Router>
);
};
export default Content;
Quero que o componente Dashboard seja o default. Como determinar que uma rota é a default no switch?
Obrigado.