react final form listeners

? Réagir les auditeurs de formulaire final

---

? React Final Form Auditeurs est une collection de composants utiles pour écouter des champs dans A? Réagir le formulaire final.

Installation

npm install --save react-final-form-listeners react-final-form final-form

ou

yarn add react-final-form-listeners react-final-form final-form

Usage

 import { Form , Field } from 'react-final-form'
import { OnChange } from 'react-final-form-listeners'

const MyForm = ( ) => (
  < Form
    onSubmit = { onSubmit }
    render = { ( { handleSubmit , pristine , invalid } ) => (
      < form onSubmit = { handleSubmit } >
        < div >
          < label >
            < Field name = "foo" component = "input" type = "checkbox" /> Turn foo on?
          </ label >
          < OnChange name = "foo" >
            { ( value , previous ) => {
              // do something
            } }
          </ OnChange >
        </ div >
        ...
      </ form >
    ) }
  />
) 

Table des matières

• Composants
  • 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: () => void

Composants

Les éléments suivants peuvent être importés à partir de react-final-form-listeners .

ExternallyChanged

Renders est Render Prop avec un drapeau boolean lorsque le champ spécifié a été mis à jour pour la dernière fois à l'extérieur (modifié sans actif).

name : String

Le nom du champ à écouter.

children: (externallyChanged: boolean) => React.Node

Un accessoire de rendu étant donné le drapeau booléen.

OnChange

Appelle son rappel children chaque fois que le champ spécifié change. Cela ne rend rien.

name : String

Le nom du champ à écouter.

children: (value: any, previous: any) => void

Une fonction qui sera appelée chaque fois que le champ spécifié est modifié. Il est passé la nouvelle valeur et la valeur précédente.

OnFocus

Appelle son rappel des children chaque fois que le champ spécifié devient actif. Cela ne rend rien.

name : String

Le nom du champ à écouter.

children: () => void

Une fonction qui sera appelée chaque fois que le champ spécifié est modifié. Il est passé la nouvelle valeur et la valeur précédente.

OnBlur

Appelle son rappel des children chaque fois que le champ spécifié est flou. Cela ne rend rien.

name : String

Le nom du champ à écouter.

children: () => void

Une fonction qui sera appelée chaque fois que le champ spécifié est flou.