react-power-tree v0.0.21

react-power-tree

Installation

npm install react-power-tree

Current version requires react and material-ui as dependencies. Please check peerDependencies in package.json.

Usage

import PowerTree from 'react-power-tree';

Developers can choose to provide static data to render tree view or recursively add child nodes in dynamic way.

Online Examples

Static tree view

<PowerTree
    data={data}
    options={options} // optional
    onNodeSelect={(nodeData) => {
        console.log(nodeData);
    }}
/>

Attributes of node

Options

contextMenu

Popup when right clicking node. If null or empty, right click won't show the menu

Dynamic tree view

<PowerTree
    data={initData}
    options={options}
    onNodeSelect={(nodeData) => {
        console.log(nodeData)
    }}
    onNodeExpand={(nodeData, operations) => {
        const {addChildren} = operations;
        const childNodes = [...data];
        addChildren(childNodes);
    }}
/>