react final form listeners

؟ رد فعل مستمعي النموذج النهائي

---

؟ رد فعل المستمعين Final Form هي مجموعة من المكونات المفيدة للاستماع إلى الحقول في أ؟ رد فعل الشكل النهائي.

تثبيت

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

يتم تقديم Renders مع علامة 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

وظيفة سيتم استدعاؤها عندما يكون الحقل المحدد غير واضح.