如何处理同一个类组件中的多个<select>下拉菜单，这些下拉菜单使用相同的状态将值传递给redux？

import React, { Component } from 'react';
import { connect } from 'react-redux';
import { updateDropdownValue } from './redux/actions';

class MyComponent extends Component {
  constructor(props) {
    super(props);
    this.state = {
      dropdownValue1: '',
      dropdownValue2: '',
      // 添加更多下拉菜单的值...
    };
  }

  handleDropdownChange1 = (event) => {
    const value = event.target.value;
    this.setState({ dropdownValue1: value });
    this.props.updateDropdownValue(value);
  }

  handleDropdownChange2 = (event) => {
    const value = event.target.value;
    this.setState({ dropdownValue2: value });
    this.props.updateDropdownValue(value);
  }

  // 添加更多下拉菜单的事件处理程序...

  render() {
    return (
      <div>
        <select value={this.state.dropdownValue1} onChange={this.handleDropdownChange1}>
          <option value="option1">Option 1</option>
          <option value="option2">Option 2</option>
          {/* 添加更多选项... */}
        </select>

        <select value={this.state.dropdownValue2} onChange={this.handleDropdownChange2}>
          <option value="option1">Option 1</option>
          <option value="option2">Option 2</option>
          {/* 添加更多选项... */}
        </select>

        {/* 添加更多<select>下拉菜单... */}
      </div>
    );
  }
}

const mapDispatchToProps = (dispatch) => {
  return {
    updateDropdownValue: (value) => dispatch(updateDropdownValue(value))
  };
};

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