cpn-basic-tree

To render hierarchical data in a React tree component, import the UDesign Tree and define a structured dataSource where parent nodes manage display and child nodes act as selectable items.

Yes, you can load tree nodes asynchronously by implementing the loadData prop. Use the isParent hint within your dataSource to dynamically fetch and append child nodes upon expansion.

You enable multiple selection in a React tree component by setting the multiple prop to true. Control the selected items using the selectedKeys and onChange props to capture user interactions.

Yes, the UDesign Tree component supports built-in search functionality. You implement this by configuring the search prop to filter and highlight matching hierarchical nodes within the dataSource.

Limitations of the UDesign Tree component include a strict requirement to avoid TypeScript and limit external dependencies. You must also follow the documented API props to handle large data performance constraints correctly.

Controlled tree selection uses selectedKeys and onChange to explicitly manage state, whereas uncontrolled selection relies on defaultSelectedKeys to let the component maintain its own internal selection state.