Что передается в Dispatch в Redux

Что передается в dispatch в Redux

Тип вопроса: Библиотеки Вероятность: 10% Категория: Frontend Developer

Ответ

В dispatch передается action — объект, который описывает изменение состояния. Action должен иметь поле type (строка, описывающая тип действия). Остальные поля — опциональны и содержат данные для обновления состояния.

Пример:

const incrementAction = {
  type: 'INCREMENT',
  payload: 1
};

dispatch(incrementAction);

Также можно передавать action creator — функцию, которая возвращает action:

const increment = (amount) => ({
  type: 'INCREMENT',
  payload: amount
});

dispatch(increment(5));

В Redux Thunk можно передавать функцию, которая получит dispatch и getState:

const asyncIncrement = () => (dispatch) => {
  setTimeout(() => dispatch(increment(1)), 1000);
};

dispatch(asyncIncrement());