react final form listeners

? Reagieren Sie die Hörer der endgültigen Form.

---

? React Final Form Form Hörer ist eine Sammlung nützlicher Komponenten, um Felder in einem zu hören? Reagieren Sie die endgültige Form.

Installation

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

oder

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

Verwendung

 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 >
    ) }
  />
) 

Inhaltsverzeichnis

• Komponenten
  • 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

Komponenten

Das Folgende kann aus react-final-form-listeners importiert werden.

ExternallyChanged

Renders wird Requisit mit einem boolean Flag, wenn das angegebene Feld zuletzt extern aktualisiert wurde (geändert, während sie nicht aktiv sind).

name : String

Der Name des Feldes zu hören.

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

Eine Render -Requisite, die die booleale Flagge bezeichnet.

OnChange

Ruft seinen children zurück, wenn sich das angegebene Feld ändert. Es macht nichts.

name : String

Der Name des Feldes zu hören.

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

Eine Funktion, die aufgerufen wird, wenn das angegebene Feld geändert wird. Es wird der neue Wert und den vorherigen Wert übergeben.

OnFocus

Ruft seinen children zurück, wenn das angegebene Feld aktiv wird. Es macht nichts.

name : String

Der Name des Feldes zu hören.

children: () => void

Eine Funktion, die aufgerufen wird, wenn das angegebene Feld geändert wird. Es wird der neue Wert und den vorherigen Wert übergeben.

OnBlur

Ruft seinen children zurück, wenn das angegebene Feld verschwommen ist. Es macht nichts.

name : String

Der Name des Feldes zu hören.

children: () => void

Eine Funktion, die aufgerufen wird, wenn das angegebene Feld verschwommen ist.