Разворачивание Роутинга в приложении на React

App.js
привязка созданных компонентов роутев

exact резервирование path (пример слеша) в том случае если будет вызывается роут только на слеш то только он будет отрабатывать, а во все остальные случаи будут отрабатывать другие роуты

import {General} from './routes/General/General';
import {Courses} from './routes/Courses/Courses';
import {Shop} from './routes/Shop/Shop';
import {News} from './routes/News/News';
...
function App(){
 return (
<Switch>
 <Route path="/" exact component={General} />
 <Route path="/courses"component={Courses} />
 <Route path="/shop"component={Shop} />
 <Route path="/news"component={News} />
</Switch>
);
}
...