Skip to content
This repository has been archived by the owner. It is now read-only.
The wrapper of jsTree (jstree.com) for React
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
.vscode
book
docs
example
src
test
.babelrc
.gitignore
.npmignore
.travis.yml
CHANGELOG.md
LICENSE
README.md
book.json
jsconfig.json
package.json
webpack.config.js

README.md

react-tree-es6

Build Status codecov dependencies Status CII Best Practices

If you want to find a tree view component for React, this module is what you need.

Getting Started

It ONLY supports ES6 and above. Read https://hckhanh.github.io/react-tree-es6 for more details.

Installation

npm install --save react-tree-es6

Usage

const CORE = {
  data: [
    'Simple root node',
    {
      text: 'Root node 2',
      state: {
        opened: true,
        selected: true
      },
      children: [
        {
          text: 'Child 1'
        },
        'Child 2'
      ]
    }
  ]
};

class ExampleApp extends React.Component {
  constructor(props) {
    super(props);

    this.state = { items: [] };

    this.handleOnChanged = this.handleOnChanged.bind(this);
  }

  handleOnChanged(changedItems) {
    this.setState({
      items: changedItems.map(item => item.text).join(', ')
    });
  }

  render() {
    return (
      <div>
        <ReactTree core={CORE} onChanged={this.handleOnChanged} />
        <div>Selected items: {this.state.items}</div>
      </div>
    );
  }
}

License

MIT

You can’t perform that action at this time.