Как работает applyMiddleware?

Question

[vs1710]

import React from 'react';
import ReactDOM from 'react-dom';
import { BrowserRouter } from 'react-router-dom';

import { Provider } from 'react-redux';
import { createStore, applyMiddleware } from 'redux';
import promiseMiddleware from 'redux-promise'

import Routes from './routes';


const createStoreWithMiddleware = applyMiddleware(promiseMiddleware)(createStore);
console.log(createStoreWithMiddleware);

ReactDOM.render(
    <Provider store={createStoreWithMiddleware}>
        <BrowserRouter>
            <Routes />
        </BrowserRouter>
    </Provider>
    , document.getElementById('root'));

Обьясните пожалуйста как работает вот эта строчка кода:

const createStoreWithMiddleware = applyMiddleware(promiseMiddleware)(createStore);

по отдельности все понятно, а в кучу собрать не могу.

Answer 1

[Максим]

Что именно непонятно, как работает ()() ?
Такая запись понятна?

function sum(x) {
   return function(y) {
    return x+y
  }
}

sum(1)(2) // 3
sum(1) // Function

В документации посмотрите на:
- Arguments
- Returns

promiseMiddleware получает в качестве аргументов dispatch и getState (хоть это и не прописано явно, типа promiseMiddleware(dispatch, getState)).

applyMiddleware(promiseMiddleware) - возвращает функцию, поэтому можно вызвать (скобочки) ее, куда передается createStore аргумент, который импортирован выше из библиотеки redux.

Comments

[vs1710]

У Вас в учебнике смотрел, так там совсем другой пример. В createStore отправляется applyMiddleware

[Максим]

vs1710, я не помню, чтобы объяснял как работает applyMiddleware... помню что объяснял что такое middleware, вообще. По Redux обновленное издание выйдет в четверг в 21. Тут если по вопросу еще есть не понятки - пишите, будем разбираться.

[Mikhail Osher]

туда же https://redux.js.org/advanced/middleware

[Максим]

vs1710, и уточните, непонятно зачем мы это делаем, или непонятно как это работает? так же уточните, понятна ли запись sum()() - то есть, когда у функции 2 скобочки идут после.

[vs1710]

Максим, Пример с суммой мне понятен, а вот что под капотом у applyMiddleware(promiseMiddleware)(createStore) не понятно и что происходит когда мы создаем createStoreWithMiddleware(reducers) с редюсерами в аргументе. Почитал официальную документацию, окончательно запутался.