react final form listeners

？反應最終表格聽眾

---

？ React最終表單聽眾是一個有用組件的集合，用於聆聽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

每當指定字段模糊時都會調用一個函數。