Context в React

Инициализация состояния в App.js

• разворачивание компонента провайдера ContextData.Provider который позволит пробросить контекст нам в наше приложение
  через value передаётся начальное состояние stateData и dispatchData
• оборачиваем те компоненты в React в котором нам нужно использовать глобальное состояние.
• делаем переброску всех роутев внутрь данного контекста ContextData.Provider

...
import React from 'react';
import ReducerData from './context/Data/ReducerData';
import StateData from './context/Data/StateData';
import ContextData from './context/Data/ContextData';

function App(){
хук useReducer
 получение параметров через создание переменных
const [stateData,dispatchData] = React.useReducer(ReducerData,StateData)
return (
<Switch>
<ContextData.Provider value={{stateData,dispatchData}}>
 <Route path="/" exact component={General} />
 <Route path="/courses"component={Courses} />
 <Route path="/shop"component={Shop} />
 <Route path="/news"component={News} />
</ContextData.Provider>
</Switch>
);
}
...