使用 React Admin 保存表单的自定义函数

Question

在我的

react-admin

应用程序中，我有一个项目列表，附有两个按钮：使用电子邮件创建和创建。 “创建”按钮是预先存在的，并使用数据提供者的功能。但是，当我选择“使用电子邮件创建”时，会出现不同的表单。对于此表单，我希望执行自定义函数，而不是数据提供者提供的默认函数。如何才能实现这一目标？

我在文档和 stackoverflow 中进行了搜索，但找不到任何相关内容......

Answer 1

尚不完全清楚保存时要执行哪些操作，但这里有一个类似的示例： https://marmelab.com/react-admin/SaveButton.html#onclick

const MyToolbar = () => {
    const { getValues } = useFormContext();
    const redirect = useRedirect();

    const handleClick = e => {
        e.preventDefault(); // necessary to prevent default SaveButton submit logic
        const { id, ...data } = getValues();
        
// Your steps to save form values...
        
        redirect('list');
    };

    return (
        <Toolbar>
            <SaveButton />        
            <SaveButton type="button" onClick={handleClick} />
        </Toolbar>
    );
};

export const MyCreate = () => (
    <Create>
        <SimpleForm toolbar={<MyToolbar/>}>
          ...
        </SimpleForm>
    </Create>
);