将 `compose` 用于中间件或在 `applyMiddleware` 中列出它们有什么区别

Question

这些configureStore 函数和initialState 参数有什么区别？

import { createStore, applyMiddleware } from 'redux';
import logger                           from 'redux-logger';
import thunk                            from 'redux-thunk';

import rootReducer                      from '../reducers';

export default function configureStore(initialState){
   const store = createStore(
        rootReducer,
        initialState,
        applyMiddleware(thunk, logger) //list of middlewares in arguments
    );
    return store;
}

export default function configureStore() {
    const store = compose( //composed middlewares
        applyMiddleware(thunk),
        applyMiddleware(logger)
    )(createStore)(rootReducer);
    return store;
}

Answer 1

来自documentation：

compose 所做的只是让您编写深度嵌套的函数转换，而无需代码向右漂移。不要太相信它！

它的用法：

这是一个函数式编程实用程序，它包含在 Redux 中是为了方便。 您可能希望使用它连续应用多个商店增强器。

所以本质上，如果你想应用一堆中间件，它是一个有用的实用程序：

 ...
 compose(
    applyMiddleware(thunk),
    DevTools.instrument(),
    // ... more enhancements, that may or may not be middleware
 )
 ...

applyMiddleware 专门用于包装 store 的 dispatch 函数，而 compose 将允许您添加可能与调度无关的其他增强器，例如 Redux Dev Tools。

中间件只包装了 store 的 dispatch 函数。从技术上讲，中间件可以做的任何事情，您都可以通过包装每个调度调用来手动完成，但在一个地方进行管理并在整个项目的规模上定义动作转换会更容易。