在react-admin v4中提交时重置SimpleForm

Question

如何在保存功能中重置react-admin v4中的SimpleForm？提交后我必须保持在同一页面。

import SendIcon from '@mui/icons-material/Send';
import { useState } from "react";
import {
    CreateContextProvider,
    FileField,
    FileInput,
    SaveButton,
    SimpleForm,
    TextInput,
    required
} from "react-admin";

export const Form = () => {
    const [saving, setSaving] = useState();

    const save = (data) => {
        setSaving(true);

        // Custom save logic

        // TODO: Reset all form values
        setSaving(false);
    };

    return (
        <CreateContextProvider value={{ save, saving }}>
            <SimpleForm toolbar={false}>
                <TextInput
                    source="title"
                    label="Title"
                    validate={required()}
                />
                <FileInput
                    source="upload_files"
                    label={"Documents"}
                    accept="application/pdf"
                    multiple
                    validate={required()}
                >
                    <FileField source="src" title="title" />
                </FileInput>
                <SaveButton label="Send" icon={<SendIcon />} disabled={saving} />
            </SimpleForm>
        </CreateContextProvider>
    );
};

我尝试使用react-hook-form中的useFormContext/useForm，但似乎无法使其工作。

Answer 1

您可以使用 Create 组件，它有一个 redirect 属性。 将其值设置为 false 将为您提供所需的行为。