如何在redux-react存储中更改多个状态项

// reducer.js
const initialState = {
  status1: '',
  status2: '',
  status3: ''
};

const reducer = (state = initialState, action) => {
  switch (action.type) {
    case 'UPDATE_STATUS_1':
      return {
        ...state,
        status1: action.payload
      };
    case 'UPDATE_STATUS_2':
      return {
        ...state,
        status2: action.payload
      };
    case 'UPDATE_STATUS_3':
      return {
        ...state,
        status3: action.payload
      };
    default:
      return state;
  }
};

export default reducer;

// actions.js
export const updateStatus1 = (status) => ({
  type: 'UPDATE_STATUS_1',
  payload: status
});

export const updateStatus2 = (status) => ({
  type: 'UPDATE_STATUS_2',
  payload: status
});

export const updateStatus3 = (status) => ({
  type: 'UPDATE_STATUS_3',
  payload: status
});

// Component.js
import React from 'react';
import { connect } from 'react-redux';
import { updateStatus1, updateStatus2, updateStatus3 } from './actions';

class Component extends React.Component {
  handleStatusChange = () => {
    // 更新状态项
    this.props.updateStatus1('new status 1');
    this.props.updateStatus2('new status 2');
    this.props.updateStatus3('new status 3');
  };

  render() {
    return (
      <div>
        <button onClick={this.handleStatusChange}>更改状态项</button>
        <p>Status 1: {this.props.status1}</p>
        <p>Status 2: {this.props.status2}</p>
        <p>Status 3: {this.props.status3}</p>
      </div>
    );
  }
}

const mapStateToProps = (state) => ({
  status1: state.status1,
  status2: state.status2,
  status3: state.status3
});

const mapDispatchToProps = {
  updateStatus1,
  updateStatus2,
  updateStatus3
};

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