? Os ouvintes do React Final Form é uma coleção de componentes úteis para ouvir campos em A? Reaja a forma final.
npm install --save react-final-form-listeners react-final-form final-formou
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 >
) }
/>
) ExternallyChangedname : Stringchildren: (externallyChanged: boolean) => React.NodeOnBlurname : Stringchildren: () => voidOnChangename : Stringchildren: (value: any, previous: any) => voidOnFocusname : Stringchildren: () => void Os seguintes podem ser importados de react-final-form-listeners .
ExternallyChanged Renders está renderizando o suporte com um sinalizador boolean quando o campo especificado foi atualizado pela última vez externamente (alterado enquanto não está ativo).
name : StringO nome do campo para ouvir.
children: (externallyChanged: boolean) => React.NodeUm suporte de renderização dado a bandeira booleana.
OnChange Chama o retorno de chamada de seus children sempre que o campo especificado mudar. Não torna nada.
name : StringO nome do campo para ouvir.
children: (value: any, previous: any) => voidUma função que será chamada sempre que o campo especificado for alterado. É passado o novo valor e o valor anterior.
OnFocus Chama o retorno de chamada de seus children sempre que o campo especificado se torna ativo. Não torna nada.
name : StringO nome do campo para ouvir.
children: () => voidUma função que será chamada sempre que o campo especificado for alterado. É passado o novo valor e o valor anterior.
OnBlur Liga o retorno de chamada de seus children sempre que o campo especificado estiver borrado. Não torna nada.
name : StringO nome do campo para ouvir.
children: () => voidUma função que será chamada sempre que o campo especificado estiver borrado.