`useSaveContext`

useSaveContext grabs the save callback prepared either by useEditController or useCreateController. It is used by <SaveButton> to submit the form.

useSaveContext is necessary because the <SaveButton> doesn’t know if it is used in a <Create> or an <Edit> page.

Usage

import { useSaveContext } from 'react-admin';
const { save, saving, mutationMode } = useSaveContext();

You can create a custom SaveContext to override the default save callback:

import { SaveContextProvider } from 'react-admin';
const MyComponent = () => {
 const save = data => {
 console.log(data);
 }
 const saving = false;
 const mutationMode = "pessimistic";
 return (
 <SaveContextProvider value={{ save, saving, mutationMode }}>
 <MyForm />
 </SaveContextProvider>
 );
}

Return Value

useSaveContext returns an object with the following keys:

const {
 save, // Create or update callback which receives form data and calls dataProvider
 saving, // Boolean, true when dataProvider is called
 mutationMode, // Current mutation mode, either 'undoable', 'optimistic' or 'pessimistic'
} = useSaveContext();