react final form listeners

? 최종 양식 청취자를 반응합니다

---

? 반응 최종 양식 리스너는 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

지정된 필드가 흐려질 때마다 호출되는 함수.