kede-client/js/component/manageCenter/channelList/content.jsx

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;