react final form listeners

? Отреагировать слушатели окончательной формы

---

? React Final Form Slirlerers - это коллекция полезных компонентов для прослушивания полей в 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

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

Функция, которая будет вызвана всякий раз, когда указанное поле размыто.