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

src\index.js

import React from 'react';
import ReactDOM from 'react-dom';
import './index.css';
import App from './App';
import reportWebVitals from './reportWebVitals';

ReactDOM.render(
<React.StrictMode>
<App/>
</React.StrictMode>,
document.getElementById('root')
);

reportWebVitals();

• добавление компонента BrouserRouter
  src\index.js

Auto Import — ES6…

IDE \Extesions (плагин для быстрой работы)

обертка App в BrouserRouter означает что приложение поддерживает роуты в системе.

import {BrowserRouter} from 'react-router-dom';
...
ReactDOM.render(
<React.StrictMode>
<BrouserRouter>
<App/>
</BrouserRouter>
</React.StrictMode>,
document.getElementById('root')
);
...

Импорт

• Name переменная вызывается по умолчанию
  любые имена
• {Name} переменная вызывается не по умолчанию
  прямые обращения к именам