React Tree Introduction
The Tree or TreeView component is used to present hierarchical information. It is widely used to show file and directory structures as well as represent information organized in a way that has a parent item ant children. In the Tree component each node with the exception of the root item has a parent and can have children. The parent item is higher in the hierarchy and the child is lower. Nodes which have one and the same parent are called siblings. The Tree component can be expanded down form the root and also collapsed to the root item
It is a basic capability in all modern tree components for React.js to show images. Our Tree component can show an image on the left side of the item caption.
React Tree Advanced Features
With our tree component for React.js you can show checkboxes next to the items. The checkboxes can have three states enabled. When you click an item in the three state mode the children of the item also become checked. If there is an unchecked node in the hierarchy the parent item is in indeterminate state.
Another useful feature is the capability to have a context menu upon clicking an item. If the tree is dynamic you can insert and delete nodes in this way.
You can also display the Tree component in a popup, which is another advanced feature. By doing this you can also create drop down trees and represent advanced list and combo boxes with hierarchical structure.
Keyboard navigation, drag and drop, and right-to-left layout are also supported. Our Tree for React can be built or loaded from JSON data or from XML data.