Использование контекста
Используйте контекст для передачи данных дочерним компонентам без их явной передачи через компоненты (prop drilling). Контекст полезен для обмена данными, которые необходимы в компонентах всего приложения, например, информация о стиле, состоянии приложения или текущем вошедшем в систему пользователе.
Код для использования контекста разделен на три части:
createContextId(): Создаёт сериализуемый ID для контекста. Убедитесь, что этот ID уникален в вашем приложении.useContextProvider(): Вызов в родительском компоненте приводит к публикации значения контекста. Все дочерние компоненты, являющиеся потомками этого компонента (и внуками), смогут получить контекст.useContext(): Для получения контекста и использования его в любом дочернем компоненте.
В этом примере мы хотим передать TodosStore компоненту <Items>. Обновите код, чтобы использовать useContext() для получения значения.
Контексты обычно являются хранилищами, и поэтому они должны быть сериализуемыми.
Edit Tutorial