当我有多个减速器时，如何仅重置一个减速器的状态并防止在仅一个减速器的状态重置时重新加载

Question

我将用户在表单中输入的数据保持在减速器的状态。我还有另一个减速器，它的状态与其他一些功能相关。现在我有一个表单的重置按钮，点击它，我想要状态更新只有 formReducer 而不是其他 reducer 的状态。另外我不希望我的应用在 formReducer 的状态重置时重新加载

已经添加了我用来实现该功能的代码 sn-p，但是会发生的是整个应用程序在单击重置时重新加载，并且两个减速器的状态最终都会重置 我的 index.js 有以下代码

   const appReducers = combineReducers({
       r1: reducer1, 
       formSubmissionReducer: formSubmissionReducer
       });
   const rootReducer = (state, action) => {

      if (action.type === "RESET_FORM") {
        const { r1 } = state;
        console.log(r1);
        state = { r1};

        }

      return appReducers(state, action);
    };

Answer 1

你必须分离你的减速器，现在当你得到 RESET_FORM 动作时，只是 formSubmissionReducer 会对此做出反应，reducer1 只会返回状态。 阅读redux docs，他们比我解释得更好。

const reducer1 = (state, action) => {

      ... // swtich statment
      return state;
    };
    
    const formSubmissionReducer = (state, action) => {

      if (action.type === "RESET_FORM") {
        // it will update the form variable inside the `formSubmissionReducer` state
        return state = {...state, form: action.payload};
      }

      return state;
    };
    
    
   const rootReducer = combineReducers({
       r1: reducer1, 
       formSubmissionReducer: formSubmissionReducer
   });