РеацтЦонтект АПИ је алатка за управљање стањем која се користи за дељење података између Реацт компоненти. Научите како да користите Цонтект АПИ да бисте пратили аутентификоване кориснике у свим функционалним компонентама.

Шта је Реацт Цонтект АПИ?

Реацт је библиотека заснована на компонентама. Његове апликације укључују различите компоненте које раде заједно. У неким случајевима, ваша апликација треба да дели податке између ових компоненти.

На пример, можда бисте желели да делите корисничко име тренутног корисника из компоненте за пријаву са другим компонентама ваше апликације. Контекст олакшава дељење корисничких имена тако што елиминише потребу за пропуштањем података кроз сваку компоненту у стаблу компоненти.

Када треба да користите Реацт Цонтект АПИ?

Пре употребе Реацт Цонтект-а, прво размотрите тип података са којима радите. Референца је погоднија за статичке податке. Подаци који се стално мењају узроковаће много поновних рендеровања и, као резултат, погоршање перформанси. Подаци такође морају да буду глобални или да их бар користи више компоненти, на пример, подаци као што су кориснички језик, тема и аутентификација.

Коришћење контекста за праћење статуса аутентификације корисника

Ако ваша апликација користи аутентификацију, многе њене компоненте ће морати да знају статус аутентификације тренутног корисника. Пролажење статуса сертификације за сваку компоненту је сувишно и доводи до бушења подупирача, тако да је коришћење референце добра опција.

Овде преузимате тренутног корисника из лажне функције гетУсер(). У правој апликацији, ово би била ваша позадинска услуга.

Да бисте пратили све промене, сачувајте корисника у тренутном стању, а затим га проследите провајдеру у параметру вредности.

АутхПровидер.јс такође даје деци приступ контексту.

Следећи корак је креирање прилагођене куке која ће омогућити компонентама омотаним са провајдером да приступе контексту.

Сада ако код изван провајдера позове АутхЦонтект, ваша апликација ће грациозно обрађивати грешку.

Последњи корак је умотавање компоненти користећи Цонтект са АутхПровидер.јс.

Ево примера како бисте користили контекст да заштитите страницу од неовлашћених корисника.

Ова компонента приказује страницу профила условно на основу статуса аутентификације корисника. Проверава да ли корисник постоји и преусмерава га на страницу за пријаву ако не постоји. У супротном, представља страницу профила.

Када не треба користити Реацт Цонтект АПИ

У овом чланку сте научили како да користите контекст да бисте пратили аутентификованог корисника у свим компонентама. Иако ћете можда бити у искушењу да користите контекст за све случајеве коришћења дељења података, не бисте требали јер смањује могућност одржавања кода и перформансе.

Сваки пут када референтна вредност промени сваку компоненту која користи поновно приказивање стања. Ако податке користе само одређене компоненте, одлучите се за реквизите.

Leave a Reply

Your email address will not be published. Required fields are marked *