如何在redux表单中重置初始值

// actions.js
export const RESET_FORM = 'RESET_FORM';

export function resetForm(form) {
  return {
    type: RESET_FORM,
    payload: form
  };
}

// reducer.js
import { combineReducers } from 'redux';
import { reducer as formReducer } from 'redux-form';
import { RESET_FORM } from './actions';

const initialFormState = {
  // 初始表单状态
};

function formReducer(state = initialFormState, action) {
  switch (action.type) {
    case RESET_FORM:
      return {
        ...state,
        [action.payload]: initialFormState[action.payload]
      };
    default:
      return formReducer(state, action);
  }
}

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

export default rootReducer;

// 在组件中重置表单
import React from 'react';
import { useDispatch } from 'react-redux';
import { resetForm } from './actions';

function ResetButton({ formName }) {
  const dispatch = useDispatch();

  const handleReset = () => {
    dispatch(resetForm(formName));
  };

  return (
    <button onClick={handleReset}>重置表单</button>
  );
}

export default ResetButton;