@rlyle1179/react-treeview/gh-pages/examples/events/OnSelectItem/OnSelectItem.jsx

A modern, themable and configurable treeview for React.

import React from 'react';
import TreeView from '../../../../src/deni-react-treeview/deni-react-treeview';

class Example extends React.Component {

  constructor() {
    super();
    this.state = {
      eventLog: []
    }
  }

  onSelectItem(item) {
    let date = new Date();
    this.setState({
      eventLog: this.state.eventLog.concat([date.toLocaleTimeString() + ' : onSelectItem (' + item.text + ')'])
    });
  }

  render() {
  	return (
      <div>
        <TreeView
          ref="treeview"
          json="https://denifakedata.herokuapp.com/tree/countries"
          onSelectItem={ this.onSelectItem.bind(this) }
        />
        <div>
          {
            this.state.eventLog.map(logItem => {
              return <div>{ logItem }</div>;
            })
          }
        </div>
      </div>
    )
  }

}

export default Example;