using states in event callbacks like selectionChange

[François]

Hi,

I'm using functionnal component with hooks with the DocumentEditorComponent.

I need to use events selectionChange and contentChange, but the functions called for these events haven't the refreshed state value, 

instead, it has the state value when the callback is set to the event.

I've built a quick example with the selectionChange event:

https://stackblitz.com/edit/react-n1rnfi?devtoolsheight=33&file=index.js

I need to have the current state value in these callbacks.
any idea to do that?

I'm maybe wrong, but I think I hadn't this problem in previous versions of the document editor

Regards,

François

[Richard Craig]

I've just filed an incident as it appears no components are working with state at the moment, they always use the initial state value.

[Harini Chellappa]

Hi François, 

 

Currently, we are checking on this. Will update further details on Nov 11, 2020. 

 

Regards, 

 

Harini C 

[François]

Hi,

Here is a workaround with useEffect:

https://stackblitz.com/edit/react-n1rnfi-pjjiyf?file=index.js

[Harini Chellappa]

Hi François, 

 

We have considered the reported “state change not reflecting issue” as a bug and fix will be included in our November 25, 2020 patch release. Once included, will update you. You can track the status from below link. 

 

https://www.syncfusion.com/feedback/19659/callback-functions-and-state-value-is-not-updated-while-react-state-changes 

 

Regards, 

 

Harini C 

[Harini Chellappa]

Hi François, 

 

Thank you for waiting for our response. 

We are glad that the reported issue is fixed with our latest patch release version “18.3.50” and we request you to upgrade your Syncfusion react packages to latest. 

 

https://ej2.syncfusion.com/react/documentation/release-notes/18.3.50/?type=all 

 

Please get back to us if you have any queries. 

 

Regards, 

 

Harini C