Обработка действия в магазине redux (заметки Freecodecamp)

Заметки в формате QnA

1. Как мы обычно обрабатываем действие в redux?
Мы делаем это с помощью функции, называемой функцией Reducer.
2. Что делает редуктор?
Он принимает состояние и действие в качестве аргументов и всегда возвращает новое состояние. Редуктор не создает никаких побочных эффектов, это просто чистая функция, которая принимает состояние и действие, а затем возвращает новое состояние.
3.Какие важные моменты следует отметить в reducer?
Ключевым принципом Redux является то, что состояние доступно только для чтения, функция reducer всегда должна возвращать новую копию состояния и никогда не изменять состояние напрямую. Redux не обеспечивает неизменяемость состояния, однако вы несете ответственность за обеспечение этого в коде ваших функций reducer.

4. Ниже приведен пример функции reducer, заполните тело функции reducer так, чтобы она получала действие типа ‘LOGIN’, затем возвращала объект state с login, установленным в true, В противном случае она возвращает текущее состояние?

const defaultState = {
  login: false
};
const reducer = (state = defaultState, action) => {
  // Change code below this line

  // Change code above this line
};
const store = Redux.createStore(reducer);
const loginAction = () => {
  return {
    type: 'LOGIN'

  }
};
Войти в полноэкранный режим Выйти из полноэкранного режима

Ответ

const defaultState = {
  login: false
};

const reducer = (state = defaultState, action) => {
  // Change code below this line
   if(action.type=='LOGIN')
   {
     return {
      login:true
     };
   }
   else{
     return state;
   }
  // Change code above this line
};

const store = Redux.createStore(reducer);

const loginAction = () => {
  return {
    type: 'LOGIN'
  }
};

Войти в полноэкранный режим Выйти из полноэкранного режима

Проверка знаний

  1. Как мы обычно обрабатываем действие в redux?
  2. Что делает reducer? 3.Какие важные вещи следует отметить в reducer?
  3. Ниже приведен пример с примером функции reducer, заполните тело функции reducer так, чтобы она получала действие типа ‘LOGIN’, затем возвращала объект state с login, установленным в true, В противном случае она возвращает текущее состояние?
const defaultState = {
  login: false
};
const reducer = (state = defaultState, action) => {
  // Change code below this line

  // Change code above this line
};
const store = Redux.createStore(reducer);
const loginAction = () => {
  return {
    type: 'LOGIN'

  }
};
Войти в полноэкранный режим Выйти из полноэкранного режима

Оцените статью
devanswers.ru
Добавить комментарий