index.js

function renderNodes({name,directories,files}){
    return [<tr>{name}</tr>]
    .concat(directories.map(renderNodes))
    .concat(files.map(file=><tr>{file}</tr>))
}

class Root extends Component{
    render(){
        return (<table>
            <thead>{this.props.name}</thead>
            <tbody>
                {renderNodes(this.props)}
            </tbody>
        </table>)   
    }
}