content: import React, { Component } from 'react';
  import SideTreeContainer from './SideTreeContainer.js';
  
  class SideTreeSubs extends Component {
      constructor(props) {
          super(props);
      }
  
      componentDidMount() {
          this.props.directory.isSubDirectoriesRendered = true;
      }
  
      render() {
          const {isOpened, subDirectories, path} = this.props.directory;
  
          const location = this.props.location;
  
          const subTreeStyle = isOpened ? {
              display: 'block'
          } : {
              display: 'none'
          };
  
          return (
              <div className="side-tree-subs" style={subTreeStyle}>
                  {subDirectories.map((subDirectory) => (<SideTreeContainer key={subDirectory.path} directory={subDirectory} location={location} />))}
              </div>
          );
      }
  
  }
  
  export default SideTreeSubs