RecursiveTree.js

 var TreeFolder =  React.createClass({
        getInitialState: function() {
            return { showFolderContents: this.props.showFolderContents, node: this.props.node};
        },
        onClick: function() {
            this.setState({ showFolderContents: !this.state.showFolderContents });
        },
        updateData: function(data){
            this.setState({node:data})
        },
        contextMenu: function(e){
            this.props.contextMenuCallback(e)
        },
        render: function(){
            var cnodes = this.state.node.nodeChildren
            var name = this.state.node.name;
            var icon = this.state.showFolderContents ? "fa-folder-open":"fa-folder"
            console.log(this.props)
            var callback = this.props.contextMenuCallback;
            if(cnodes){ 
                return(
                    <div className="tree-folder">
                        <div className="tree-folder-header" onClick={this.onClick} onContextMenu={this.contextMenu}>
                            <i className={'fa ' + icon + ' success'}></i>
                            <div className="tree-folder-name">{name}</div>
                        </div>
                        <div className="tree-folder-content">
                            {   this.state.showFolderContents ?
                                    this.state.node.nodeChildren.map(function(comp, i){return(
                                        <TreeFolder key={i} node={comp} contextMenuCallback={callback}/>
                                    )})
                                :null
                            }   
                        </div>
                        <div className="tree-loader hide"><div>Loading...</div></div>
                    </div>
                )
            }else{
                return (
                    <div className="tree-item" onContextMenu={this.contextMenu}>
                        <i className="tree-dot"></i>
                        <div className="tree-item-name">{name}</div>
                    </div>
                )
            }
        }
    });