Skip to content

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

@jatin33

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

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions