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

การแสดงผลคือการแสดงผล Prop ด้วยธง 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

ฟังก์ชั่นที่จะถูกเรียกเมื่อใดก็ตามที่ฟิลด์ที่ระบุเบลอ