TreeView component does not render properly.

[Sonam Diwate]

We have scenario here is that:

Fetch data from service.

Change object structure as per TreeView component structure.

Use getderivedstate function to change object structure and then update state

after doing above steps when component start rendering it does not render i have used below component in to render method of react component.

<TreeViewComponent

      ref={treeView => workActivities.treeViewComponentObj = treeView}

      cssClass='treeview-external-drag disable-ckeckboxes'

      fields={workActivities.fields}

      nodeTemplate={this.renderTreeViewNodes}

      />

why is the component not reading the change in dataSource and render the component.

Below is the post I was following but i did not got any concreet solution:

https://www.syncfusion.com/forums/143196/treeview-data-loading-after-dispatch-is-called

Regards,

Sonam Diwate

[Christopher Issac Sunder K]

Hi Sonam, 

Greetings from Syncfusion!!! 

We have analyzed your requirement. Could you please let us know the following details. 

1. How did you change object structure as per TreeView component structure after fetching the data in getderivedstate
2. Could you please let us know the importance of using getderivedstate in your application rather than updating the state in componentDidMount.

Please check the below sample and modify it as per your application. 

Sample: http://www.syncfusion.com/downloads/support/forum/143758/ze/loadTree1350468120 

Kindly share any code snippet if possible. It would be more helpful to proceed further. 

Thanks,
Christo