使用一个按钮清除react-admin编辑表单中的多个字段

import React from 'react';
import { Button } from 'react-admin';
import { useForm } from 'react-final-form';
import { useNotify } from 'react-admin';

const ClearFieldsButton = () => {
  const form = useForm();
  const notify = useNotify();

  const handleClearFields = () => {
    form.change('field1', ''); // 清除字段1的值
    form.change('field2', ''); // 清除字段2的值
    // 继续清除其他需要的字段
    notify('Fields cleared successfully');
  };

  return (
    <Button label="Clear Fields" onClick={handleClearFields} />
  );
};

export default ClearFieldsButton;

import React from 'react';
import { Edit, SimpleForm, TextInput } from 'react-admin';
import ClearFieldsButton from './ClearFieldsButton';

const MyEdit = (props) => (
  <Edit {...props}>
    <SimpleForm>
      <TextInput source="field1" />
      <TextInput source="field2" />
      {/* 添加其他需要的字段 */}
      <ClearFieldsButton />
    </SimpleForm>
  </Edit>
);

export default MyEdit;