1

redux devtoolでreduxを使用 しています。 redux-form を試してみました。ただし、フィールドを変更するたびに、アプリの状態が変化したと思います。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 の変更を取得しないようにする方法を見つけたいと思います。より良い解決策は大歓迎です:)

4

2 に答える 2

0

ブラウザで redux devtools 拡張機能のオプションに移動すると、無視するアクションを指定できるフィールドがあります。そこに「redux-form/CHANGE」と入力すると、これが機能するはずです。

于 2016-08-12T10:25:38.270 に答える