Ինչպե՞ս կարելի է React-ում վիճակը այլ կերպ թարմացնել (առանց նախորդ արժեքի ֆունկցիայի միջոցով):

React-ում հաճախ օգտագործվում է ֆունկցիա setState կամ useState hook- ում նախորդ արժեքը հաշվի առնելու համար:

Բացի դասական տարբերակից՝

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

կան նաև այլ եղանակներ՝ օրինակ՝

• Օգտագործել թարմացման ֆունկցիան ֆունկցիոնալ կոմպոնենտներում useState hook- ի հետ:

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

setCount(prevCount => prevCount + 1);

• useReducer-ում, վիճակը կարելի է թարմացնել ռեդյուկսերով, որոնք ստանում են ընթացիկ վիճակը և գործողությունը:

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' });

• Կլասներում, կարող եք օգտագործել callback setState-ում՝ նախորդ վիճակին հասնելու համար:

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

Ահա թե ինչու, նախորդ արժեքով ֆունկցիայի օգտագործումը ստանդարտ և խորհուրդ է տրվում մեթոդ է, հատկապես երբ նոր վիճակը կախված է հինից, որպեսզի խուսափել թարմացումների ասինխրոնությունից առաջացած խնդիրներից։