react-admin-lte/example/Layout.js

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

import React from 'react';
import Dashboard from '../lib/Dashboard';

require('bootstrap/css/bootstrap.css');
require('AdminLTE/css/AdminLTE.css');
require('AdminLTE/css/skins/skin-blue.css');
require('bootstrap/js/bootstrap.js');
require('AdminLTE/js/app.js');


export default class Layout extends React.Component {

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


  render() {
    let topMenus  =
          <ul className="nav navbar-nav">
            <li>
              <a href="#" data-toggle="control-sidebar"><i className="fa fa-gears"/></a>
            </li>
          </ul>;
    let sideMenus =
          <ul className="sidebar-menu">
            <li className="header">MAIN NAVIGATION</li>
          </ul>;

    let rightContent =
          <h4>右侧面板</h4>;

    return (
      <Dashboard
        logoMini="YK"
        logoLarge="我是个傻叉"
        topMenus={topMenus}
        mainSidebarContent={sideMenus}
        rightContent={rightContent}
        footerContent="版权所有 @ 优酷土豆"
      >
        {this.props.children}
      </Dashboard>
    );
  }
}