Skip to content

[Feature Request] Add new prop to specify changes to specific form fields #1021

Description

@jatin33

Are you submitting a bug report or a feature request?

Feature Request

What is the current behavior?

Currently onChange handler on FormSpy component gets invoked for changes in any form field

<FormSpy
  subscription={{ values: true }}
  onChange={props => {
    console.log('Form validity changed to', props.valid)
  }}
/>

What is the expected behavior?

We can have a new configuration or prop to form spy which will help us track changes to only specific form fields.

<FormSpy
    subscription={{ values: ["fieldA", "fieldB"] }}
    onChange={props => {
      console.log('Form validity changed to', props.valid)
    }}
  />

Sandbox Link

What's your environment?

"react-final-form": "6.5.9"
"react-final-form-arrays": "3.1.4"
"next": "12.1.6"
"react": "17.0.0"
"eslint": "8.15.0",
"@typescript-eslint/eslint-plugin": "5.23.0"

Other information

NA

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type
    No fields configured for issues without a type.

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions