Fix NavMenu crash issue

Author: e1emeb0t

src/menu/Menu.jsx

@@ -5,6 +5,8 @@ export default class Menu extends Component {
   constructor(props) {
     super(props);
 
+    this.instanceType = 'Menu';
+
     this.state = {
       activeIndex: props.defaultActive,
       openedMenus: props.defaultOpeneds ? props.defaultOpeneds.slice(0) : [],

src/menu/MenuItem.jsx

@@ -4,6 +4,12 @@ import { PropTypes } from '../../libs';
 import MixinComponent from './MixinComponent';
 
 export default class MenuItem extends MixinComponent {
+  constructor(props) {
+    super(props);
+
+    this.instanceType = 'MenuItem';
+  }
+
   componentDidMount() {
     this.rootMenu().state.menuItems[this.props.index] = this;
   }
@@ -21,10 +27,6 @@ export default class MenuItem extends MixinComponent {
     return this.props.index === this.rootMenu().state.activeIndex;
   }
 
-  parent() {
-    return this.context.component;
-  }
-
   render() {
     return (
       <li
@@ -40,10 +42,6 @@ export default class MenuItem extends MixinComponent {
   }
 }
 
-MenuItem.contextTypes = {
-  component: PropTypes.any
-};
-
 MenuItem.propTypes = {
   index: PropTypes.string.isRequired,
   route: PropTypes.object,

src/menu/MenuItemGroup.jsx

@@ -5,6 +5,8 @@ export default class MenuItemGroup extends Component {
   constructor(props) {
     super(props);
 
+    this.instanceType = 'MenuItemGroup';
+
     this.state = {
       paddingLeft: 20
     }
@@ -15,15 +17,15 @@ export default class MenuItemGroup extends Component {
   }
 
   initPadding() {
-    let level = 0, parent = this.parent(), component = parent.constructor.name;
+    let level = 0, parent = this.parent(), component = parent.instanceType;
 
     while (component !== 'Menu') {
       if (component === 'SubMenu') {
         level++;
       }
 
       parent = parent.parent();
-      component = parent.constructor.name;
+      component = parent.instanceType;
     }
 
     this.setState({

src/menu/MixinComponent.jsx

@@ -2,11 +2,15 @@ import React from 'react';
 import { Component, PropTypes } from '../../libs';
 
 export default class MixinComponent extends Component {
+  parent() {
+    return this.context.component;
+  }
+
   indexPath() {
     let path = [this.props.index];
     let parent = this.parent();
 
-    while (parent.constructor.name !== 'Menu') {
+    while (parent.instanceType !== 'Menu') {
       if (parent.props.index) {
         path.unshift(parent.props.index);
       }
@@ -20,14 +24,18 @@ export default class MixinComponent extends Component {
   rootMenu() {
     let parent = this.parent();
 
-    while (parent.constructor.name !== 'Menu') {
+    while (parent.instanceType !== 'Menu') {
       parent = parent.parent();
     }
 
     return parent;
   }
 }
 
+MixinComponent.contextTypes = {
+  component: PropTypes.any
+};
+
 MixinComponent.propTypes = {
   index: PropTypes.string.isRequired
 };

src/menu/SubMenu.jsx

@@ -8,6 +8,8 @@ export default class SubMenu extends MixinComponent {
   constructor(props) {
     super(props);
 
+    this.instanceType = 'SubMenu';
+
     this.state = {
       active: false
     };
@@ -67,10 +69,6 @@ export default class SubMenu extends MixinComponent {
     return this.rootMenu().state.openedMenus.indexOf(this.props.index) !== -1;
   }
 
-  parent() {
-    return this.context.component;
-  }
-
   render() {
     return (
       <li className={this.classNames('el-submenu', {
@@ -97,10 +95,6 @@ SubMenu.childContextTypes = {
   component: PropTypes.any
 };
 
-SubMenu.contextTypes = {
-  component: PropTypes.any
-};
-
 SubMenu.propTypes = {
   index: PropTypes.string.isRequired
 };