Redux dev tools с редукс-формой

Я использую REDEX с REDEX DevTool. Я только что попробовал REDEX: отличная работа и забавный в использовании! Тем не менее, я думаю, что каждый раз, когда я изменяю fied, состояние приложения менялось. redux devtool сохраняет каждый новый ключ, нажатый в поле. это сильно замедляет обновление поля!

Вот панель док-станции redux devtool, которая показывает мне изменения состояния приложения: введите описание изображения здесь

Вот как я связываю redux-devtool с моим магазином приложений:

const createStoreWithMiddleware = (() => {

  //DEv too only available in development 
    if (__DEV__ && window && window.location) {

    return compose(
      applyMiddleware(thunk),
      devTools.instrument(),
      persistState(
        window.location.href.match(/[?&]debug_session=([^&]+)\b/)
      )
    )(createStore);
  } else {
    return compose(
      applyMiddleware(thunk)
    )(createStore);
  }
})();


function configureStore(initialState) {
  const store = createStoreWithMiddleware(rootReducer, initialState);

  if (module.hot) {
    // Enable Webpack hot module replacement for reducers
    module.hot.accept("./reducers", () => {
      const nextReducer = require("./reducers");
      store.replaceReducer(nextReducer);
    });
  }
  return store;
}

var appStore = configureStore();
export default appStore;

Я хотел бы найти способ, чтобы избежать того, чтобы инструмент-редуктор получал изменения. Любое лучшее решение будет приветствоваться:)

2 ответа

Я думаю что redux-devtools-filter-actions эликсир, который вы ищете Было рекомендовано в этой теме жаловаться на redux-form многословие.

В вашем браузере вы можете перейти к настройкам расширений redux devtools, и есть поле, где вы можете указать действия, которые следует игнорировать. Наберите там "redux-form/CHANGE", это должно работать.

Другие вопросы по тегам