A collection of components to listen to š React Final Form fields
npm install react-final-form-listeners



---
š React Final Form Listeners is a collection of useful components for listening to fields in a š React Final Form.
``bash`
npm install --save react-final-form-listeners react-final-form final-form
or
`bash`
yarn add react-final-form-listeners react-final-form final-form
`jsx
import { Form, Field } from 'react-final-form'
import { OnChange } from 'react-final-form-listeners'
const MyForm = () => (
Table of Contents
* Components
*
ExternallyChanged
* name : String
* children: (externallyChanged: boolean) => React.Node
* OnBlur
* name : String
* children: () => void
* OnChange
* name : String
* children: (value: any, previous: any) => void
* OnFocus
* name : String
* children: () => voidComponents
The following can be imported from
react-final-form-listeners.$3
Renders is render prop with a
boolean flag when the specified field was last updated externally (changed while not active).####
name : StringThe name of the field to listen to.
####
children: (externallyChanged: boolean) => React.NodeA render prop given the boolean flag.
$3
Calls its
children callback whenever the specified field changes. It renders nothing.####
name : StringThe name of the field to listen to.
####
children: (value: any, previous: any) => voidA function that will be called whenever the specified field is changed. It is passed the new value and the previous value.
$3
Calls its
children callback whenever the specified field becomes active. It renders nothing.####
name : StringThe name of the field to listen to.
####
children: () => voidA function that will be called whenever the specified field is changed. It is passed the new value and the previous value.
$3
Calls its
children callback whenever the specified field is blurred. It renders nothing.####
name : StringThe name of the field to listen to.
####
children: () => void`A function that will be called whenever the specified field is blurred.