onValueChange with function

[osvaldokalvaitir]

I have a function that calculates the balance due, so onValueChange I put this function, but in the initial state of the component it executes the function.

I tried using onChange, but it doesn't have floatValues, sometimes it does and sometimes 'undefined'.

How could I perform the calculation function only when the user changes the value and not the initial state of react using formik?

[alexandre033]

Hello, i have approximately the same problem. When the props value change the onValueChange is fired !! It creates infinite loop when an input update another input vice versa.

[kristotruu]

+1 Have same problem.

[s-yadav]

Is the infinite loop issue still persist? A code snippet might help for this.

Plus we can start passing the source of onValueChange, whether it's caused by prop change or actual input change.

I think we can pass the source object as 2nd parameter to onValueChange. Something like.

{
   source: 'prop'|'event',
   event: eventObj, // only set when the source is event.
}

[puru0019]

Is the infinite loop issue still persist? A code snippet might help for this.

Plus we can start passing the source of onValueChange, whether it's caused by prop change or actual input change.

I think we can pass the source object as 2nd parameter to onValueChange. Something like.

{
   source: 'prop'|'event',
   event: eventObj, // only set when the source is event.
}

@s-yadav
Can you give some example with code in some online editors like code sandbox?

[s-yadav]

This 2nd argument thing is not added till now. But can be added.

[nikhil-varma]

We have extended the onValueChange callback to allow sending source details ! Please try it out and let us know if you have any further questions. Closing this issue as of now
Release version v4.8.0