项目中使用了antd ui框架，在使用Menu组件得SubMenu组件时报出以下错误：

Uncaught TypeError: Cannot read property 'isRootMenu' of undefined

解决方案

1 在组件SubMenu上解构props

renderItems(items: Array<any>) {return  (items || []).map((item: any) => {if (item.children) {return (<SubMenu {...this.props} key={item.key} icon={<MailOutlined />} title={item.name}> {this.renderItems(item.children)}</SubMenu>)}else {return (<Item key={item.key} icon={<PieChartOutlined />}>{item.name}</Item>)}})}

2 使用函数组件并直接放在

组件内（不可包含其它标签，<React.Fragment> 也不行）

export default class MenuS extends Component<any> {render() {let { items } = this.props;console.log(this.props)return (<Menu theme="dark" mode="inline" defaultSelectedKeys={['home']}>{(items || []).map((item: any) => {if (item.children) {return (<SubMenu key={item.key} icon={<MailOutlined />} title={item.name}>{item.children.map((i: any) => (<Item key={i.key} icon={<PieChartOutlined />}>{i.name}</Item>))} </SubMenu>)}else {return (<Item key={item.key} icon={<PieChartOutlined />}>{item.name}</Item>)}})}</Menu>)}
}