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();

AltStyle によって変換されたページ (->オリジナル) /