Разумевање инвалидатора у Реацт-у

Инвалидатор је ЈаваСцрипт објекат који вам омогућава да поништите (или ресетујете) стање Реацт компоненте. Када је стање компоненте неважеће, Реацт ће поново приказати компоненту са ажурираним стањем.ӕӕДругим речима, инвалидатор је начин да се каже Реацту да се стање компоненте променило и да треба да се поново прикаже.ӕӕЕво неких уобичајени случајеви употребе за инвалиде:ӕӕ1. Када се подаци промене: Ако се подаци које компонента рендерује се промене, можете да користите инвалидатор да кажете Реацт-у да поново рендерује компоненту са ажурираним подацима.ӕ2. Када се пропс промени: Ако се пропс компоненте промени, можете користити инвалидатор да кажете Реацт-у да поново рендерује компоненту са новим пропс.ӕ3. Када промена стања није покренута променом пропа: Понекад ћете можда желети да поново прикажете компоненту чак и ако се њени пропс нису променили. На пример, ако користите променљиву стања да бисте пратили број ставки на листи, а корисник додаје или уклања ставке, можете користити неважећи да кажете Реацт-у да поново прикаже компоненту са ажурираним стањем.ӕ4. Када је компонента искључена: Ако је компонента искључена (тј. уклоњена из ДОМ-а), можете користити инвалидатор да кажете Реацт-у да очисти све ресурсе које је компонента користила.ӕӕ Инвалидатори се обично имплементирају као функције које враћају логичку вредност који показује да ли се стање компоненте променило. Ево примера како можете да користите инвалидатор у компоненти Реацт-а:ӕ```ӕцласс Цоунтер проширује Реацт.Цомпонент {ӕ стате = {цоунт: 0};ӕӕ инвалидатор = () => {ӕ ретурн тхис.стате. цоунт !== тхис.ластЦоунт;ӕ };ӕӕ хандлеАдд = () => {ӕ тхис.ластЦоунт = тхис.стате.цоунт;ӕ тхис.сетСтате({ цоунт: тхис.стате.цоунт + 1 });ӕ } ;ӕӕ рендер() {ӕ ретурн (ӕ <див>ӕ <п>Број: {тхис.стате.цоунт}ӕ <буттон онЦлицк={тхис.хандлеАдд}>Додајӕ ӕ );ӕ }ӕ}ӕ```ӕУ овом примеру, функција `инвалидатор` враћа `труе` ако се стање компоненте променило, и `фалсе` у супротном. Функција `хандлеАдд` ажурира стање компоненте тако што поставља `ластЦоунт` на тренутни број, а затим ажурира стање `цоунт` новом вредношћу. Када се компонента поново прикаже, Реацт ће позвати функцију `инвалидатор` да провери да ли се стање променило, и ако јесте, поново ће приказати компоненту са ажурираним стањем.