当onchange select时，在redux-form上分派自定义操作

<Field
  name="mySelectField"
  component="select"
  onChange={handleSelectChange}
>
  {/* select options */}
</Field>

export const handleSelectChange = (selectedValue) => {
  return {
    type: 'HANDLE_SELECT_CHANGE',
    payload: selectedValue
  };
};

const initialState = {
  mySelectFieldValue: ''
};

const formReducer = (state = initialState, action) => {
  switch (action.type) {
    case 'HANDLE_SELECT_CHANGE':
      return {
        ...state,
        mySelectFieldValue: action.payload
      };
    default:
      return state;
  }
};

export default formReducer;

import { createStore, combineReducers } from 'redux';
import formReducer from './formReducer';

const rootReducer = combineReducers({
  form: formReducer
});

const store = createStore(rootReducer);

import { connect } from 'react-redux';
import { handleSelectChange } from './formActions';

const MyComponent = ({ mySelectFieldValue, handleSelectChange }) => {
  // 使用mySelectFieldValue和handleSelectChange进行其他操作
};

const mapStateToProps = (state) => {
  return {
    mySelectFieldValue: state.form.mySelectFieldValue
  };
};

const mapDispatchToProps = {
  handleSelectChange
};

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