close

Tuiscint, agus i Redux Store Actions Reducers React

I bhfeidhmchlár atá á gcumhachtú ag Redux, tá trí phríomhchoincheap ag baint leis an ailtireacht: an Redux store, actions, agus reducers. Déanaimis taighde níos doimhne ar gach ceann de na coincheapa seo agus féachfaimid conas a oibríonn siad le chéile.

Redux Store

Is foinse amháin fírinne é an Redux store a choinníonn staid iomlán d’iarratais. Go bunúsach is réad JavaScript é ina bhfuil na sonraí a léiríonn staid iomlán an fheidhmchláir. Cruthaíonn tú an fheidhm ag store baint úsáide createStore as an leabharlann Redux.

Actions

Actions is réada simplí JavaScript iad a chuireann síos ar rud éigin a tharla san fheidhmchlár. Tá réimse acu type a léiríonn an cineál gníomhaíochta atá á dhéanamh, agus is féidir sonraí breise a chur san áireamh freisin. Actions a chruthaítear trí úsáid a bhaint as cruthaitheoirí gníomhaíochta, ar feidhmeanna iad a chuireann réada gníomhaíochta ar ais. Mar shampla:

// Action Types  
const ADD_TODO = 'ADD_TODO';  
  
// Action Creator  
const addTodo =(text) => {  
  return {  
    type: ADD_TODO,  
    payload: text  
  };  
};

Reducers

Reducers sonraigh conas a athraíonn staid an iarratais mar fhreagra ar actions. Is feidhm íon é laghdaitheoir a thógann an stát reatha agus gníomh mar argóintí agus a chuireann stát nua ar ais. Reducers comhcheangailte i laghdaitheoir fréimhe amháin ag baint úsáide as an combineReducers fheidhm. Seo sampla simplí:

// Reducer  
const todosReducer =(state = [], action) => {  
  switch(action.type) {  
    case ADD_TODO:  
      return [...state, action.payload];  
    default:  
      return state;  
  }  
};  
  
// Combine Reducers  
const rootReducer = combineReducers({  
  todos: todosReducer,  
  // ...other reducers  
});

Ag Obair le Chéile

Nuair a sheolann tú gníomh leis an dispatch bhfeidhm, cuireann Redux an gníomh ar aghaidh chuig an reducers. Seiceálann gach laghdaitheoir an bhfuil cineál an ghnímh ag teacht lena chuid féin agus nuashonraíonn sé an chuid ábhartha den stát dá réir sin. Stóráiltear an stát nuashonraithe ansin sa Redux store, agus athdhéantar aon chomhpháirteanna ceangailte bunaithe ar an stát nua.

Cás Samplach

Samhlaigh feidhmchlár liosta tóga. Nuair a chuireann úsáideoir tasc nua leis, seoltar gníomh le cineál ADD_TODO agus téacs an tsínithe mar phálasta. Faigheann an laghdaitheoir todos an gníomh seo, cuireann sé an todo nua leis an stát, agus cuireann sé an stát nuashonraithe ar ais.

Conclúid

Tá sé ríthábhachtach chun an stát a bhainistiú go héifeachtach a thuiscint conas a idirghníomhaíonn Redux store, actions, , agus reducers. Cinntíonn an ailtireacht seo deighilt shoiléir imní agus déanann sé éasca staid chasta iarratais a bhainistiú. De réir mar a leanann tú ag forbairt le Redux, beidh na coincheapa seo mar bhunús do straitéis bainistíochta stáit.