如果这就是您的要求，您展示的两个减速器都可以工作并产生相同的结果。我认为您从文档中获得的理论版本旨在展示一个特定的概念，但您的减速器可能违反了该概念（尽管这没什么大不了；我们的工作是编写工作代码，而不是通过一些纯度测试！）。

具体来说，您通常希望将操作与状态分离。动作不应该只是状态数据结构的镜像；如果你想要这种耦合，你不妨useState改用并直接设置状态。减速器旨在通过对动作的描述建模来将其解耦，然后只有减速器决定该动作如何作用于状态。例如，您可能决定添加一个清除表单按钮。使用您当前的模式，您必须分派两个动作，这将导致两个状态更新，因为您的动作与状态密切相关。switch 语句模式允许您根据不同类型的操作轻松应用不同类型的逻辑。

没有错误的答案，只是不同的方法各有千秋。这是我认为通过让 reducer 逻辑知道字段是否有效来引入更好的解耦的方法：

const SET_FIRST_NAME = Symbol();
const SET_LAST_NAME = Symbol();
const CLEAR_FORM = Symbol();

// Call action creators instead, like: dispatch(setFirstName(e.target.value));
const setFirstName = name => { type: SET_FIRST_NAME, value: name };
const setLastName = name => { type: SET_LAST_NAME, value: name };
const clearForm = () => { type: CLEAR_FORM };

const initialState = {
  firstName: { value: '', isValid: false },
  lastName: { value: '', isValid: false }
};

const notEmpty = value => !!(value && value.trim().length);

const validateFirstName = notEmpty; // Or replace with different logic
const validateLastName = notEmpty;

const reducer = (state, action) => {
  switch (action.type) {
    case SET_FIRST_NAME:
      return { 
        ...state, 
        firstName: {
          value: action.value, 
          isValid: validateFirstName(value) 
        } 
      }
    case SET_LAST_NAME:
      return { 
        ...state, 
        lastName: {
          value: action.value, 
          isValid: validateLastName(value) 
        } 
      }
    case CLEAR_FORM:
      return initialState;
    default:
      return state;
  }
};