If you add a template to a treeview and update state, the whole treeview is rerendering.
It doesn't do this without the template. Is there any way to prevent this?
example...
https://stackblitz.com/edit/react-quxhq8
If you remove the nodeTemplate it works fine.
Hi Richard,
Greetings from Syncfusion support.
From your shared details, we understand that you are facing an issues while using Treeview component with Template functionality. Currently, we are validating your reported query with high priority. We need some additional time to validate and will provide an update on August 24, 2022.
Regards,
Leo Lavanya Dhanaraj
Hi Richard ,
We have validated the reported query in the React TreeView component and considered it as a bug at our end. The fix for this issue will be included in our weekly patch release on September 20, 2022. You can track the status of the issue fix using the following feedback link.
Feedback link: https://www.syncfusion.com/feedback/37324/facing-re-rendering-issues-while-using-treeview-with-template-support
Disclaimer: Inclusion of this solution in the weekly release may change due to other factors including but not limited to QA checks and works reprioritization.
We appreciate your patience.
Regards,
Leo Lavanya Dhanaraj
Hi Richard,
Sorry for the inconvenience.
Due to unforeseen circumstances, this fix has not been included as promised in the patch release. But we will include this in our upcoming Volume 3 SP release, which is expected to be rolled out by the end of October, 2022. We appreciate your patience.
Regards,
Indhumathy L
Richard, We are glad to announce that our Essential Studio 2022 Volume 4 Main release v20.4.0.38 is rolled out and is available for download under the following link.
In this release, we have provided the support “To prevent the component from re-rendering while the state is being updated”. To access this feature, we suggest you update the package to 20.4.38 and we include the sample in the latest version for your reference.
If the templates are defined in nested directives of the component, then you need to pass the statelessTemplates property array value as "nodeTemplate" instead of the template names.
Sample : https://stackblitz.com/edit/react-vtew1m?file=src%2FApp.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,
Leo Lavanya