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

import React, { Component } from "react";
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 "projectAssignment":
      //     require.ensure([], () => {
      //       const ProjectAssignment = require("./project/projectAssignment")
      //         .default;
      //       this.setState({
      //         component: <ProjectAssignment ApiUrl={""} />,
      //       });
      //     });
      //     break;
      //   //项目查询
      case "personnelAll":
        require.ensure([], () => {
          const PersonnelAll = require("./personnel/personnelAll").default;
          this.setState({
            component: <PersonnelAll ApiUrl={""} />,
          });
        });
        break;
      default:
        require.ensure([], () => {
          const Module = require("../module").default;
          this.setState({
            component: <Module ApiUrl={""} />,
          });
        });
    }
    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;