Persist your final-form values into a storage
npm install --save final-form-persist
or
yarn add final-form-persist
import { createForm } from 'final-form'
import { createPersistDecorator } from 'final-form-persist'
const form = createForm({ onSubmit })
const { persistDecorator, clear } = createPersistDecorator({
name: 'myPersistKey'
debounceTime: 500 // in ms
whitelist: ['some', 'key']
storage: localStorage // this is the default
})
const undecorate = persistDecorator(form)
// Use form
// Remove the entry from the storage if you want
clear()
// Clean up
undecorate()
Example build with react-final-form
Creates a final form decorator.
createPersistDecorator = ({
name: string
debounceTime?: number
whitelist: string[]
storage?: Storage
}) => FinalFormPersistDecorator
{
persistDecorator: Decorator
clear: () => void
isPersisted: boolean
}
MIT ยฉ premieroctet