Context и useContext
Часть курса React
В вашем приложении есть переключатель тёмной темы. Сам переключатель живёт на панели настроек, а знать о нём нужно кнопке, которая сидит восемью компонентами глубже, внутри таблицы, внутри карточки, внутри страницы. Чтобы доставить значение от одного до другой через пропсы, каждому компоненту между ними придётся принимать проп theme, которым он не пользуется, и сразу отдавать его дальше.
У React для этого есть официальная лазейка, и называется она контекстом: значение публикуют в одной точке дерева компонентов, а любой компонент ниже может прочитать его напрямую, на какой бы глубине он ни сидел, и никому посередине не приходится передавать его дальше. Здесь хорошо подходит образ радиопередачи. Станция вещает на своей частоте, и любой приёмник в зоне охвата настраивается на неё напрямую.
Хочешь изучать React Context и useContext в реальной среде?
Нажми ниже, получи Linux-машину с React наготове и пройди Context и useContext на практике вместе с AI-наставником, который знает твой код.
Начать этот урокContext и useContextЧему вы научитесь
- CreateContext
- Context.Provider
- UseContext
- When context is the right tool
- Context vs prop drilling tradeoffs