如何在redux中处理多个输入值？

const initialState = {
  input1: '',
  input2: '',
};

const UPDATE_INPUT_1 = 'UPDATE_INPUT_1';
const UPDATE_INPUT_2 = 'UPDATE_INPUT_2';

const updateInput1 = (value) => {
  return {
    type: UPDATE_INPUT_1,
    payload: value,
  };
};

const updateInput2 = (value) => {
  return {
    type: UPDATE_INPUT_2,
    payload: value,
  };
};

const input1Reducer = (state = initialState.input1, action) => {
  switch (action.type) {
    case UPDATE_INPUT_1:
      return action.payload;
    default:
      return state;
  }
};

const input2Reducer = (state = initialState.input2, action) => {
  switch (action.type) {
    case UPDATE_INPUT_2:
      return action.payload;
    default:
      return state;
  }
};

import { combineReducers } from 'redux';

const rootReducer = combineReducers({
  input1: input1Reducer,
  input2: input2Reducer,
});

import { connect } from 'react-redux';

class MyComponent extends React.Component {
  render() {
    const { input1, input2, updateInput1, updateInput2 } = this.props;

    return (
      <div>
        <input value={input1} onChange={(e) => updateInput1(e.target.value)} />
        <input value={input2} onChange={(e) => updateInput2(e.target.value)} />
      </div>
    );
  }
}

const mapStateToProps = (state) => {
  return {
    input1: state.input1,
    input2: state.input2,
  };
};

const mapDispatchToProps = (dispatch) => {
  return {
    updateInput1: (value) => dispatch(updateInput1(value)),
    updateInput2: (value) => dispatch(updateInput2(value)),
  };
};

export default connect(mapStateToProps, mapDispatchToProps)(MyComponent);