Очистка состояния redux

148

28 мая 2019, 06:50

Возможно ли очистить redux? Чтобы все пришло к начальному состоянию.

Answer 1

Возможно, но только руцями. Мой пример ниже но так же можете прочесть ответ от Dan Abramov сосоздателя Redux How to reset the state of a Redux store?

Создаете action который будет вызываться тогда когда надо вернуться в изначальное состояние reduser'(а/ов).
В каждом redusers создаете к примеру case 'DEFAULT_STATE': return initialState где DEFAULT_STATE может являться типом а defaultState это ваше изначальное состояние reduser'a.

К примеру:

// Clear store action 
const DEFAULT_STATE = 'DEFAULT_STATE'; 
 
export function ClearStore() { // вызываете ClearStore там где Вам это нужно. К примеру при logout пользователя. 
  return { 
    type: DEFAULT_STATE, 
  }; 
} 
 
// Redusers 
const defaultState = { 
  list: [], 
  data: {}, 
  pagination: { 
    page: 1, 
    perPage: 10, 
  }, 
  loading: true, 
}; 
 
export default (state = defaultState, action) => { 
  switch (action.type) { 
    case CLEAR_DATA: // вызываете CLEAR_DATA в каждом из redusers или там где Вам нужно. 
      return defaultState; 
    default: 
      return state; 
  } 
};