Redux-记录器不工作

Question

我连接不上记录器，我什么都试过了

import {createStore, applyMiddleware} from 'redux';
import promiseMiddleware from 'redux-promise';
import {hydrate} from 'drator';
import rootReducer from '../reducers';
import thunk from 'redux-thunk';
import {createLogger} from 'redux-logger';

const logger = createLogger();
const createStoreWithMiddleware = applyMiddleware(thunk, promiseMiddleware, logger)(createStore);
const state = hydrate('App');

export default createStoreWithMiddleware(rootReducer, state);

版本"redux-logger"："^3.0.6"，

我已经使用了这个同构的Redux存储库https://github.com/ryardley/reduxor

Answer 1

如果不测试它，我可能会错，因为您的帖子可以做更多细节，但看起来您调用createStore和applyMiddleware函数的方式是错误的。

通常我是这样做的

import logger from 'redux-logger'
const store = createStore(
  reducer,
  applyMiddleware(logger)
)

这样，applyMiddleware就是createStore中的一个参数

请参阅此处以获取参考https://github.com/evgenyrodionov/redux-logger#usage

Answer 2

这应该是可行的。使用compose来应用中间件。

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


import rootReducer from '../reducers';

let store = null;

export default function configureStore(initialState = {}) {
  // Check to avoid multiple configured stores
  if (store) {
    return store;
  }
  const middlewares = [thunk, promiseMiddleware, logger];
  store = createStore(
    rootReducer,
    initialState,
    compose(applyMiddleware(...middlewares))
  );
  return store;
}