React setState issue with validation

Tags: #<Tag:0x00007efc61506720>
#1

Hi @aleksandra_budnik & @dag,

I go through your demo regarding earlier conversation but validation is not working on first change of value.

#2

Hey @preet.saxena

can you tell me something about your application? Do you verify data after it gets loaded or only after user change? What changes are made: edit, copy/paste, undo/redo, autofill?

#3

The change can be of any type issue is with the setstate when I trigger my HoT’s parent component state the validation from the HoT are going to be remove

React JS State Validation Issue
#4

OK. I will check it out and be back as soon as I get anything.

#5

Hey @preet.saxena

I got a fixed demo https://codepen.io/handsoncode/pen/WmMrgb

#6

Hi @aleksandra_budnik,

Why we are handling invalid cell manually after change in state ? it will lead to a performance issue, is there something wrong with internal state of handsontable ?

#7

I’ve asked the developer who helped with the example and he told me that afterValidate called setState which then called render (you got a loop). It is the way Handsontable works.

#8

Thanks @aleksandra_budnik,

So I think we are limited to use the full utilization of Handsontable with react state ?

#9

Yes, and it won’t change in the nearest future (I do not see any related topic on our Roadmap).

#10

Thanks, @aleksandra_budnik

#11