| 1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374 | import React, { Component } from "react";import "../content.less";import "./content.less";import LeftTab from "../leftTab";import { getMenu } from "../publicMenu.js";class Content extends Component {  constructor() {    super();    this.state = {      loading: false,      component: <div></div>,    };  }  componentWillMount() {    var ids = window.location.href.indexOf("rid=");    var idk = window.location.href.substr(ids + 4);    var rid = idk.split("#");    let menu = getMenu(rid);    let curry;    if (menu[0].subMenus.length > 0) {      curry = menu[0].subMenus[0].url.split("#");    } else {      curry = menu[0].url.split("#");    }    if (window.location.hash) {      this.getKey(window.location.hash.substr(1));    } else {      this.getKey(curry[1]);    }  }  getKey(key) {    switch (key) {      //私有渠道      case "channelunit":        require.ensure([], () => {          const Channelunit = require("./channelunit").default;          this.setState({            component: <Channelunit />,          });        });        break;      //公共渠道      case "channelpublic":        require.ensure([], () => {          const Channelpublic = require("./channelunit/publist").default;          this.setState({            component: <Channelpublic />,          });        });        break;      //空白      default:        require.ensure([], () => {          const Module = require("../module").default;          this.setState({            component: <Module />,          });        });    }    window.location.hash = key;  }  render() {    return (      <div className="manage-content">        <LeftTab handlekey={this.getKey.bind(this)} />        <div className="content-right">{this.state.component}</div>      </div>    );  }}export default Content;
 |