react-treeview-component
Version:
React Tree Component
72 lines (45 loc) • 1.34 kB
Markdown
for react
[ ](http://yjcxy12.github.io/react-treeview-component/) (Also check out the `src/example/` folder for usage).
```sh
npm install react-treeview-component
```
Include js file at "react-treeview-component/build/react-tree.js" <br/>
Include css file at "react-treeview-component/build/react-tree.css"
Added to your react component
```html
<Treeview dataSource={this.props.dataSource}
onTreenodeClick={this.handleTreenodeClick}>
</Treeview>
```
```javascript
{
"id": "string" // Unique identifier for the node
"text": "string" // Treenode display text
"icon": "string" // Custom icon, CSS class
"opened": Bool, // If the node is opened
"selected": Bool, // If the node is selected
"children": [] // Array of children nodes
}
```
- id: node id
- event: mouse clicked event
perform function on treenode clicked
- callback: 1 parameter: node
perform depth first search on dataSource, applying callback on each node
- callback: 1 parameter: node
perform breadth first search on dataSource, applying callback on each node
MIT.
Tree component