Проблема конфигурации магазина Redux

Question

Я занимаюсь разработкой приложения с использованиемact-redux и оцениваю производительность приложения.Конфигурация моего магазина редукса работает, и у меня нет проблем, пока я не добавлю производительность реакции в applayapplyMiddleware.Конфигурация хранилища резервов:

import { createStore, applyMiddleware, compose } from 'redux';
import thunk from 'redux-thunk';
import rootReducer from './../reducers/rootReducer';
import promise from 'redux-promise';
import thunkMiddleware from 'redux-thunk';
import createHistory from 'history/createBrowserHistory';
import { routerReducer, routerMiddleware } from 'react-router-redux';
import { composeWithDevTools } from 'redux-devtools-extension';
import { createLogger } from 'redux-logger';
import { loadeState, saveState } from './localstorage';
import ReactPerformance from 'react-performance'

const history = createHistory();
const middleware = routerMiddleware(history);
const loggerMiddleware = createLogger();
const persitantState = loadeState();
const performance = ReactPerformance.createNotifier(); 

export default function configureStore() {
  const store = createStore(
    rootReducer,
    // persitantState,
    composeWithDevTools(
      applyMiddleware(thunkMiddleware, middleware, loggerMiddleware, performance)
    )
  );

  store.subscribe(() => {
    //saveState();
  });
  return store;
}

ошибка:

Я следую инструкциям из этого репозитория git, реагирует на производительность

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

Answer 1

Ваш магазин настроен неправильно, но это потому, что документы в https://github.com/amsul/react-performance также неверны.

ReactPerformance.createNotifier() не возвращает промежуточное программное обеспечение Redux , оно возвращает усилитель хранилища Redux . Он должен быть составлен вместе с applyMiddleware() энхансером магазина, а не передан в applyMiddleware(). Фрагмент кода в репозитории README правильный, но описание в качестве промежуточного программного обеспечения неверное.

Итак, правильный пример:

composeWithDevTools(
    applyMiddleware(thunkMiddleware, middleware, loggerMiddleware),
    performance
);

Я подал заявку на обновление этого README.