Рубрики
App front-end JS фреймворки React React-project

Context в React

Создание контекста

src\context\Data
все файлы относящийся к контексту Data
В данном случае создаётся один общий контекст для всего приложения

кроме Data может быть несколько контекстов

отдельная папка

src\context\Data\ContextData.js
создаётся контекст при помощи переменной ContextData

import React from 'react'
const ContextData=React.createContext()
export default ContextData

src\context\Data\StateData.js
начальное состояние контекста

const StateData={
news:[],
courses:[],
}
export default StateData

src\context\Data\ReducerData.js
функция ReducerData отвечает за обработку изменений глобального состояния StateData
action какие изменения в глобальном стейте
(отправление название изменения которое хранится в action.type)

const ReducerData=(state,action)=>{
switch(action.type){
default:return state;
}
}
export default ReducerData

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *