fix(antdsite): fix an erro in mobile mode.

YvesCoding · Aug 10, 2019 · cadac37 · cadac37
1 parent 5822bd6
commit cadac37
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 6 deletions.
diff --git a/packages/antdsite/package.json b/packages/antdsite/package.json
@@ -1,6 +1,6 @@
 {
   "name": "antdsite",
-  "version": "0.3.0",
+  "version": "0.3.1",
   "description": "A static docs generator based on Ant Design and GatsbyJs",
   "homepage": "https://github.com/YvesCoding/antdsite",
   "repository": {

diff --git a/packages/antdsite/src/default-theme/components/menu/index.tsx b/packages/antdsite/src/default-theme/components/menu/index.tsx
@@ -42,6 +42,8 @@ export default class LeftMenu extends React.PureComponent<MenuPros, MenuState> {
     };
   }
 
+  menuItems: Array<React.Component> = [];
+
   componentDidMount() {
     this.getPreAndNext();
 
@@ -61,8 +63,7 @@ export default class LeftMenu extends React.PureComponent<MenuPros, MenuState> {
 
   getPreAndNext = () => {
     const { currentPath } = this.props || [];
-    const menu = this.refs.menu as React.Component;
-    const menuItems = menu.props.children || [];
+    const menuItems = this.menuItems || [];
 
     function filterItem(items: any) {
       return items.length
@@ -183,19 +184,18 @@ export default class LeftMenu extends React.PureComponent<MenuPros, MenuState> {
     const { currentPath, menuList, isMobile } = this.props;
     const { openKeys } = this.state;
     const activeMenuItem = getActiveMenuItem(currentPath, menuList);
-    const menuItems = this.getMenuItems();
+    this.menuItems = this.getMenuItems();
 
     const menuChild = (
       <Menu
-        ref="menu"
         inlineIndent={40}
         className="aside-container"
         mode="inline"
         openKeys={openKeys}
         selectedKeys={[(activeMenuItem && activeMenuItem.slug) || '/']}
         onOpenChange={this.handleMenuOpenChange}
       >
-        {menuItems}
+        {this.menuItems}
       </Menu>
     );