如何将“重置值”按钮添加到react-admin编辑窗体

import { Button, FormDataConsumer } from 'react-admin';

<FormDataConsumer>
  {({ formData, ...rest }) => (
    <div>
      {/* 表单字段的其他输入组件 */}
      <Button
        onClick={() => {
          // 重置表单字段的值
          rest.dispatch({
            type: 'CUSTOM_RESET',
            payload: { id: rest.record.id },
          });
        }}
      >
        重置值
      </Button>
    </div>
  )}
</FormDataConsumer>

import { useListContext } from 'react-admin';

const EditForm = (props) => {
  const { record } = useListContext();

  const handleResetValues = () => {
    // 重置表单字段的值
    props.dispatch({
      type: 'CUSTOM_RESET',
      payload: { id: record.id },
    });
  };

  return (
    <div>
      {/* 表单字段的其他输入组件 */}
      <Button onClick={handleResetValues}>重置值</Button>
    </div>
  );
};

export default EditForm;