useCreateContext
Whenever react-admin displays a creation page, it creates a CreateContext
to store the submit callback.
The CreateContext
is available to descendants of:
<Create>
,<CreateBase>
,
All descendant components can therefore access the Create context, using the useCreateContext
hook.
Usage
Call useCreateContext
in a component that is a descendant of a Create
component.
import { Create, useCreateContext, SimpleForm, TextInput } from 'react-admin';
export const PostCreate = ({ id }) => (
<CreateBase resource="posts" id={id} aside={<Aside />}>
<PostCreateForm />
</CreateBase>
);
const PostCreateForm = () => {
const { save } = useCreateContext();
return (
<SimpleForm onSubmit={save}>
<TextInput source="title" />
<TextInput source="views" />
</SimpleForm>
);
};
Return Value
useCreateContext
returns an object with the same keys as useCreateController
:
const {
defaultTitle, // Translated title based on the resource, e.g. 'Create New Post'
redirect, // Default redirect route. Defaults to 'list'
resource, // Resource name, deduced from the location. e.g. 'posts'
save, // Update callback to be passed to the underlying form as submit handler
saving, // Boolean, true when the dataProvider is called to create the record
} = useCreateContext();