React-də vəziyyəti başqa necə yeniləyə bilərik (əvvəlki dəyər ilə funksiyadan istifadə edərək)?

React-da, əvvəlki dəyəri nəzərə alaraq vəziyyəti yeniləmək üçün tez-tez setState və ya useState hookundakı funksiyadan istifadə olunur.

Klassik variantdan başqa:

setState(prevState => ({ count: prevState.count + 1 }));

digər yeniləmə üsulları da mövcuddur, məsələn:

• useState hooku ilə funksional komponentlərdə yeniləmə funksiyasından istifadə:

const [count, setCount] = useState(0);

setCount(prevCount => prevCount + 1);

• useReducer-də, vəziyyət cari vəziyyət və hərəkəti alan reducer vasitəsilə yenilənə bilər:

function reducer(state, action) {
  switch(action.type) {
    case 'increment':
      return { count: state.count + 1 };
    default:
      return state;
  }
}

const [state, dispatch] = useReducer(reducer, { count: 0 });
dispatch({ type: 'increment' });

• Klasslarda, setState-də geri çağırış istifadə edilə bilər ki, əvvəlki vəziyyətə daxil olmaq mümkün olsun:

this.setState((prevState) => ({ count: prevState.count + 1 }));

Buna görə, əvvəlki dəyərlə funksiyadan istifadə edərək yeniləmə standart və tövsiyə olunan üsuldur, xüsusən də yeni vəziyyət köhnəyə bağlıdırsa, yeniləmələrin asinxronluğu ilə bağlı problemləri qarşısını almaq üçün.