Redux thunk, откуда береться dispatch в экшине?

Question

[Андрей]

где мы можем использовать dispatch? это метод стора, почему тогда мы вызываем не в его контексте? в компоненте dispatch приходит через контекста, а откуда он береться в екшине из примера ниже который из доки redux-thunk, для меня это выглядит как будто он береться из window.

const INCREMENT_COUNTER = 'INCREMENT_COUNTER';

function increment() {
  return {
    type: INCREMENT_COUNTER
  };
}

function incrementAsync() {
  return dispatch => {
    setTimeout(() => {
      // Yay! Can invoke sync or async actions with `dispatch`
      dispatch(increment());
    }, 1000);
  };
}

Answer 1

[Максим]

Он берется из middleware redux-thunk

Посмотрим на исходный код:

function createThunkMiddleware(extraArgument) {
  return ({ dispatch, getState }) => next => action => {
    if (typeof action === 'function') {
      return action(dispatch, getState, extraArgument);
    }

    return next(action);
  };
}

В котором видно, что если возвращаемый тип действия - function, то вызови все тоже самое, но с аргументами (dispatch, getState и extraArgument) - которые доступны через область видимости и являются тем "что надо".

Comments

[Андрей]

Максим значит при асинхронных действиях его создатель должен возвращать функцию с аргументом, в который в мидлваре положиться диспатч и выполниться. Как в примере выше при выполении этой функции произойдет диспатч другого действия, в который мы можем передать данные из асинхронного запроса например через then из промиса, и тогда в редюсер попадут нужные данные?

[Андрей]

Максим для чего тогда использовать целый модуль, если он полагает в том что функции который пришли в мидлвар надо выполнить с передаными аргументами, не лучше самому написать те 10 строк и не тянуть целый модуль.

[Максим]

Андрей: в then мы имеем доступ к функции dispatch, так как она к нам пришла в аргументе. Раз есть доступ к переменной, значит мы можем ее использовать. Dispatch дает нам необходимое - "диспатчить" тогда, когда данные уже приехали. Что мы и делаем. Целый модуль тянуть или нет - выбор личный, главное знать, что в модуле всего ничего кода =) Лично мое мнение, в текущей ситуации, зачем писать свой модуль и импортировать его так же из файла, когда уже за нас написано и можно просто импортнуть из пакета?) кода то меньше не станет...

[Islam Ibakaev]

Максим: истину говоришь)