Что значит данная строка на ES6?

Question

[Pantene742]

Открыл исходники React Проекта. это переменная Action(Redux)
В первой строке "е" это параметр стрелочной функции которую присваеваем константе handleChange. Дальше я не понимаю что происходит... вариантов несколько, как это работает не понимаю.

export const handleChange = e => dispatch => {    //   <- Эта строка
  dispatch({
    type: PROMO_CODE,
    payload: e.target.value
  });
};

Answer 1

[Alexander Pushkarev]

Можно просто вставить сюда https://babeljs.io/repl и посмотреть результат

"use strict";

var handleChange = function handleChange(e) {
  return function (dispatch) {
    dispatch({
      type: PROMO_CODE,
      payload: e.target.value
    });
  };
};

Answer 2

[AlexKindGeek]

Аналог на ES5

function handleChange(e) {
  return function (dispatch) {
    dispatch({
      type: PROMO_CODE,
      payload: e.target.value
    });
  };
};

Почему возвращает функцию?
Это redux-thunk

Comments

[Алексей Уколов]

Мы не присваеваем константе. Это arrow function. e - event

Всё у автора правильно написано:

стрелочной функции которую присваеваем константе

[AlexKindGeek]

Алексей Уколов, Я не досмотрел.

Answer 3

[Алексей П]

e => {...} - это функция, которая возвращает функцию. Такие функции называются функциями высшего порядка. Подробнее для JS https://habr.com/post/261723/
С тем же успехом можно записать так:

export const handleChange = e => {
  return dispatch => {    //   <- Эта строка
    dispatch({
      type: PROMO_CODE,
      payload: e.target.value
    });
  };
}

В результате вызова функции handleDispatch(e); будет вызвана вложенная функция dispatch в параметр payload, которой попадет e.target.value.

Comments

[Алексей Уколов]

e - это параметр функции. А то, о чём вы написали, относится к handleChange.

[Eugene Mosyukov]

e — это аргумент стрелочной функции.

[Алексей П]

Алексей Уколов, спасибо, исправил.