Context — это механизм в React, который позволяет передавать данные через дерево компонентов без того, чтобы вручную пробрасывать пропсы через каждый промежуточный уровень.
Context особенно полезен для управления данными, к которым нужен доступ множеству компонентов, например:
Context создаётся с помощью метода React.createContext():
const { Provider, Consumer } = React.createContext(defaultValue)
Это возвращает объект с двумя ключевыми компонентами:
useContext в функциональных компонентахХотя Consumer работает, современный и более удобный подход — использовать хук useContext в функциональных компонентах:
const value = useContext(MyContext)
Context идеально подходит для данных, которые нужны сразу нескольким компонентам — это убирает лишнее пробрасывание пропсов и делает дерево компонентов чище.
Метод React.createContext() возвращает объект, содержащий как компонент Provider, так и компонент Consumer, которые используются для управления и доступа к данным контекста.
Новый — ещё не проверен сообществом
Вы