“Cómo funciona el reductor en Redux” Código de respuesta

Reductor Redux

const reducer = (state = initialState, action) => {
  switch (action.type) {
    case "BUY_CAKE":
      return {
        numOfCakes: state.numOfCakes - 1,
      };
    default:
      return state;
  }
};
Omatsola Eyeoyibo

Cómo funciona el reductor en Redux

const initialState = { value: 0 }

function counterReducer(state = initialState, action) {
  // Check to see if the reducer cares about this action
  if (action.type === 'counter/increment') {
    // If so, make a copy of `state`
    return {
      ...state,
      // and update the copy with the new value
      value: state.value + 1
    }
  }
  // otherwise return the existing state unchanged
  return state
}
Moscode

Ejemplo de reductor de Redux

import * as ActionTypes from './ActionTypes';

export const comments = (state = { errMess: null, comments: []}, action) => {
    switch (action.type) {
        case ActionTypes.ADD_COMMENTS:
            return {...state, errMess: null, comments: action.payload};

        case ActionTypes.COMMENTS_FAILED:
            return {...state, errMess: action.payload};

        default:
            return state;
    }
};
Helpless Hummingbird

Respuestas similares a “Cómo funciona el reductor en Redux”

Preguntas similares a “Cómo funciona el reductor en Redux”

Más respuestas relacionadas con “Cómo funciona el reductor en Redux” en JavaScript

Explore las respuestas de código populares por idioma

Explorar otros lenguajes de código