Value or State change is not sync, so update data in react component is wrong in some scenes

In react-form of jafar, update value or state through onValueChange or onStateChange function, then react pass props to component, reflect this change.

But this progress is not sync, so in some scenes the update logic is wrong. for example, Validators.js in react-editor :

export default withTheme(({ value = [], state = {}, onValueChange, onStateChange }) => {
    ....
    const onValidatorStateChange = (validatorState, index) => {
        ....
        onStateChange(newState);
     };
}

If there are two validators, when the second child call onStateChange function, the state prop has not updated in this time. So the ‘state’ in Validators will miss the update of first child.

[WangLarry]

Looks very well. Standard code and fast response, you are a talented engineer.

[galhavivi]

@WangLarry 10x for the idea! I added the support on issue - https://github.com/yahoo/jafar/issues/56 pr- https://github.com/yahoo/jafar/pull/57

I updated the Validators.jsx bug fix to use the new updater function - https://github.com/yahoo/jafar/pull/57/files#diff-ed891647db1d963f7c32b391ac0b1fb3

available now on v1.0.6

Updater function support docs available on - https://yahoo.github.io/jafar/docs/actions.html#changestate https://yahoo.github.io/jafar/docs/actions.html#changevalue