Consumer — это React-компонент, который подписывается на изменения контекста. Он позволяет тебе получить доступ к значениям контекста внутри твоего дерева компонентов.
Consumer требует функцию в качестве дочернего элемента (часто называется паттерном "render prop"). Эта функция:
Значение, переданное этой функции, равно свойству value ближайшего Provider для этого контекста выше в дереве компонентов.
<MyContext.Consumer>
{value => /* отрисуй что-нибудь на основе значения контекста */}
</MyContext.Consumer>
React компонент Consumer получает значение context через паттерн function-as-child, где аргумент функции содержит текущее значение context из ближайшего Provider выше него.
Новый — ещё не проверен сообществом
Вы