Cathain a úsáideofá useReducer in ionad useState?

Question

Accepted Answer

`useReducer` ceannastríonn athruithe stáit i bhfeidhm gheal **reducer amháin**, in ionad go leor setters `useState` a scaipeadh. Is leagan React de phatrún Redux a thugann sé. ```jsx function reducer(state, action) { switch (action.type) { case "increment": return { count: state.count + 1 }; case "setStep": return { ...state, step: action.payload }; case "reset": return { count: 0, step: 1 }; default: return state; } } function Counter() { const [state, dispatch] = useReducer(reducer, { count: 0, step: 1 }); // describe WHAT happened, not HOW state changes: return ; } ``` ## Conas a oibríonn sé Do-dhíspréachann tú **gníomh** (rud simplí ag cur síos ar imeall). Glaonn React `reducer(currentState, action)` agus úsáideann sé an réad ar ais mar an stáit nua. Is **geal** an reducer (gan taobhéifeachtaí, gan athrú), rud a dhéanann an loighic intuigthe agus thestable-aonad ar leithligh. ## Cathain ba bhreá leat é a úsáid in ionad useState - An chéad stáit eile **ag brath ar an bhstáit roimhe seo** ar shlí neamhthrivial. - Roinnt luachanna **ag athrú le chéile** (m.sh. `count` + `step` + `error`). - Loighic an uachta tugtha go dóigh gur dhéanfá é a athdhéanamh ar fud láimhdeora. ```jsx // instead of 4 separate useState + 6 setters, one reducer owns it all ``` Bonas: tá **féiniúlacht dhíospréachta** ar `dispatch`, agus ní chuireann sé ar foluain tú trí chomhthéacs nó do leanaí cuimhneacha. I gcás luachanna simplí neamhspleácha, tá `useState` glan i bhfad níos soiléire.