How to re-render content of Modal

Question

Hi Syncfusion Team,I am using the content property of DialogComponent. But, when I change the state on the parent component, the content modal is not re-render.Sample: https://stackblitz.com/edit/react-ntrkyi-gya6ay I expect when I change the state on the parent component, the content component is re-rendered.How can I fix it?Regards,Hung

Vinitha Jeyakumar · Accepted Answer

Hi Hung,Sorry for the ​inconvenience caused,We have considered the reported issue "React state change value is not reflected inside the Dialog content template" as a bug from our end and the fix will be included in Volume 2, 2022 release which is expected to be rolled out at the end of June 2022.You can track this bug status in below feedback,https://www.syncfusion.com/feedback/35110/react-state-change-value-is-not-reflected-inside-the-dialog-content-templateRegards,Vinitha

Vinitha Jeyakumar · Answer

Hi Hung,Currently, we are validating your reported query. we will update you the further details in two business days on or before 28th April 2022.Regards,Vinitha

Ton That Hung · Answer

Thank you for your updation.

Vinitha Jeyakumar · Answer

Hi Hung,We can able to reproduce the reported issue from our end and we have also validated the root cause of the issue that the react state change contents are not rendered properly when using Dialog content template with Functional components.We need some more time to further investigate on this issue. so we will update you the further details on or before 13th May 2022.Regards,Vinitha

Ton That Hung · Answer

Hi Vinitha,I am still waiting for your answer about this issue. Do you have any new updates?

Ton That Hung · Answer

Well, thanks for your update.

Prince Oliver · Answer

Most welcome, we are glad to assist you.

Vinitha Jeyakumar · Answer

Hi Hung,We couldn't include the fix for the issue "React state change value is not reflected inside the Dialog content template" due to its complexity. we will include the fix with our upcoming Vol 2 2022 SP release.Regards,Vinitha

Ton That Hung · Answer

Well, thanks for your update.

Vinitha Jeyakumar · Answer

We will update you once the fix is available.

Theveshwar Jayakumar · Answer

Hi Ton That Hung, Sorry for
the delay caused.

We are glad to announce that our Essential Studio 2022 Volume 4 release
v20.4.0.38 is rolled out and is available for download under the following
link. https://www.syncfusion.com/forums/179561/essential-studio-2022-volume-4-main-release-v20-4-0-38-is-available-for-download The issue
with “React state change value is not reflected inside the Dialog content
template” has been resolved in this release. To access this fix, we suggest you
to update the package to the latest version 20.4.38. We would
like to inform you that, by default the Dialog component content will not be
updated while state updates. To resolve this, we suggest using statelessTemplates property value as empty array. This property
specifies the array of the template names where the state value updates need to
be ignored. For your
reference, we have prepared a sample in the link:  https://stackblitz.com/edit/react-ntrkyi-7maupn?file=index.js Release
notes:  https://ej2.syncfusion.com/react/documentation/release-notes/20.4.38/?type=all#common We thank
you for your support and appreciate your patience in waiting for this release.
Please get in touch with us if you would require any further assistance. Regards,Theveshwar

Ton That Hung · Answer

Oh, good news.Thank you for your support.

Theveshwar Jayakumar · Answer

Hi Ton That Hung,Please
get back to us if you need further assistance.Regards,Theveshwar