How can I get all values of dirtyfield?

[goffxnca]

Now dirty field seem like it support only for check if which fields is dirty but not it value?

[bluebill1049]

Could you please share a codesandbox?

[jordanwallwork]

Could you do something like the following?

const { register, handleSubmit, formState, getValues } = useForm();
const dirtyFields = Object.keys(formState.dirtyFields).map((x) => ({
  field: x,
  value: getValues(x)
}));`

https://codesandbox.io/s/dirty-field-values-hqg3j?file=/src/index.js

[goffxnca]

Could you do something like the following?

const { register, handleSubmit, formState, getValues } = useForm();
const dirtyFields = Object.keys(formState.dirtyFields).map((x) => ({
  field: x,
  value: getValues(x)
}));`

https://codesandbox.io/s/dirty-field-values-hqg3j?file=/src/index.js

Wow, That is what I am looking for Thanks !!

[jonybekov]

What if it's deeply nested form?

[stychu]

Exactly. I've hit a wall upon a deeply nested form rn. Im very surprised there is no API level functionality to get the values of dirtyFields when RHF know what fields changed already. Why not include values instead just boolean flag in dirtyFields?

[uttampun44]

it works for me also