react-admin-lte/lib/LayoutMain.js

简单封装的 AdminLTE react 类库，并包含一个编译配置。

import React from 'react';


export default class LayoutMain extends React.Component {

  constructor(props, context) {
    super(props, context);
  }

  render() {
    return (
      <div className="wrapper">
        <header className="main-header">
          <a href="/" className="logo">
            <span className="logo-mini">{this.props.logoMini}</span>
            <span className="logo-lg">{this.props.logoLarge}</span>
          </a>

          <nav className="navbar navbar-static-top">
            <a href="#" className="sidebar-toggle" data-toggle="offcanvas" role="button">
              <span className="sr-only">Toggle navigation</span>
            </a>
            <div className="navbar-custom-menu">
              {this.props.topMenus}
            </div>

          </nav>
        </header>
        <aside className="main-sidebar">
          <section className="sidebar">
            {this.props.mainSidebarContent}
          </section>
        </aside>
        <div className="content-wrapper">
          {this.props.children}
        </div>
        <footer className="main-footer">
          {this.props.footerContent}
        </footer>
        {
          this.props.rightContent ?
            <aside className="control-sidebar control-sidebar-dark">
              {this.props.rightContent}
            </aside> : null
        }
      </div>
    );
  }
}