ts+antd Cannot read property 'mode' of undefined？

Question

问题描述

antd的menu组件下的SubMenu报错
在尝试展开SubMenu的时候爆出三个错误 
就是 Menu.Item的展示是好的，SubMenu默认是闭合的，点击或悬停想展开的时候就白屏了
当 Menu里的东西是写死的，没问题，但是如果是以{}的形式写入js表达式才会出现问题

    SubPopupMenu.js:359 Uncaught TypeError: Cannot read property 'mode' of undefined
    index.js:1446 The above error occurred in the <SubPopupMenu> component:
    react-dom.development.js:20781 Uncaught TypeError: Cannot read property 'mode' of undefined

问题出现的环境背景及自己尝试过哪些方法

项目使用react脚手架 --typescript创建，在尝试使用ts+react的开发

  "dependencies": {
    "@types/jest": "24.0.0",
    "@types/node": "10.12.24",
    "@types/react": "16.8.2",
    "@types/react-dom": "16.8.0",
    "antd": "^3.13.2",
    "axios": "^0.18.0",
    "babel-plugin-import": "^1.11.0",
    "node-sass": "^4.11.0",
    "react": "^16.8.1",
    "react-dom": "^16.8.1",
    "react-router-dom": "^4.3.1",
    "react-scripts": "2.1.4",
    "typescript": "3.3.3"
  }

相关代码

// 请把代码文本粘贴到下方（请勿用图片代替代码）

 render() {
        let MenuConfig= [
            {
                title: '首页',
                key: '/admin/home'
            },
            {
                title: '首页2',
                key: '/admin/home2'
            },
            {
                title: '首页3',
                key: '/admin/home3',
                children: [
                    {
                        title: '子首页',
                        key: '/admin/home4'
                    }
                ]
            }
        ]
        return (
            <div>
                <Menu mode="vertical" theme='dark' >
                    {MenuConfig.map(item =>
                        item.children ?
                            <SubMenu title={item.title} key={item.key}> {this.renderMenu(item.children)}</SubMenu>
                            :
                            <Menu.Item title={item.title} key={item.key}>{item.title}</Menu.Item>
                    )}
                </Menu>
            </div>
        )
    }

求各路大神解答~~

Answer 1

我也遇到 相同的问题 兄弟你解决了么