我应该如何更新Redux表单选择字段选项

// actions.js

export const UPDATE_FORM_OPTIONS = 'UPDATE_FORM_OPTIONS';

export const updateFormOptions = (options) => {
  return {
    type: UPDATE_FORM_OPTIONS,
    payload: options
  };
};

// reducers.js

import { UPDATE_FORM_OPTIONS } from './actions';

const initialState = {
  formOptions: []
};

const reducer = (state = initialState, action) => {
  switch (action.type) {
    case UPDATE_FORM_OPTIONS:
      return {
        ...state,
        formOptions: action.payload
      };
    default:
      return state;
  }
};

export default reducer;

// MyComponent.js

import React from 'react';
import { connect } from 'react-redux';
import { updateFormOptions } from './actions';

const MyComponent = ({ formOptions, updateOptions }) => {
  // 在组件中使用更新后的选择字段选项数据
  // 可以通过formOptions访问选择字段选项数据

  // 调用updateOptions来更新选择字段选项数据
  const handleClick = () => {
    const newOptions = ['Option 1', 'Option 2', 'Option 3'];
    updateOptions(newOptions);
  };

  return (
    <div>
      <button onClick={handleClick}>更新选择字段选项</button>
    </div>
  );
};

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

const mapDispatchToProps = (dispatch) => {
  return {
    updateOptions: (options) => dispatch(updateFormOptions(options))
  };
};

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