react final form listeners

？最終的なフォームリスナーを反応します

---

？ React Final Formリスナーは、Aでフィールドを聴くための便利なコンポーネントのコレクションです。最終フォームを反応します。

インストール

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

または

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

使用法

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

目次

• コンポーネント
  • 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

コンポーネント

以下はreact-final-form-listenersからインポートできます。

ExternallyChanged

レンダーズは、指定されたフィールドが外部から最後に更新されたときにbooleanフラグを使用して小道具をレンダリングします（アクティブではない間に変更されます）。

name : String

聴くフィールドの名前。

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

ブールフラグを与えられたレンダリングプロップ。

OnChange

指定されたフィールドが変更されるたびに、 childrenのコールバックを呼び出します。それは何もレンダリングしません。

name : String

聴くフィールドの名前。

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

指定されたフィールドが変更されるたびに呼び出される関数。新しい値と以前の値に合格されます。

OnFocus

指定されたフィールドがアクティブになるたびに、 childrenコールバックを呼び出します。それは何もレンダリングしません。

name : String

聴くフィールドの名前。

children: () => void

指定されたフィールドが変更されるたびに呼び出される関数。新しい値と以前の値に合格されます。

OnBlur

指定されたフィールドがぼやけているときはいつでも、 childrenコールバックと呼びます。それは何もレンダリングしません。

name : String

聴くフィールドの名前。

children: () => void

指定されたフィールドがぼやけたときに呼び出される関数。