Redux开发工具与redux-form

Question

我正在redux使用redux devtool 我只是尝试了redux-form：很棒的工作，很有趣！但是，我想每次修改一个fied时，app状态都会改变。 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;

我想找到一种方法来避免使用redux dev工具获取redux-form更改。任何更好的解决方案都将受到欢迎：）

Answer 1

我认为redux-devtools-filter-actions是你寻求的灵丹妙药。建议this thread抱怨redux-form详细程度。

Answer 2

您可以在浏览器中转到redux devtools扩展选项，并且有一个字段，您可以在其中指定应忽略的操作。在那里键入＆＃39; redux-form / CHANGE＆＃39;这应该有用。