Reactjs Ant-Design 菜单 - 子菜单不弹出

Question

我在我的react项目中使用了Reactjs Ant Design Menu。我有一次被卡住了。当我在手机视图中登录到我的网站并点击蚂蚁设计菜单的子菜单时。它是不可点击的，直到我们在屏幕上点击，其他菜单项正常工作，如果有人对此有任何解决方案，请帮助我。这是我的密码：

<Menu
theme="dark"
mode="inline"
defaultOpenKeys={["sub1"]}
defaultSelectedKeys={[selectedKey]}
>
<Menu.Item key="1" >
<Icon type="dashboard" />
<span>dashboard</span>
<Link to="/home" />
</Menu.Item>
<SubMenu
key="sub1"
title={
<span>
<Icon type="user" />
<span>account</span>
</span>
}
>                
<Menu.Item key="2">
<Icon type="line-chart" />
<span>subscriptions</span>
<Link to="/subscriptions" />
</Menu.Item>
<Menu.Item key="3">
<Icon type="transaction" />
<span>transactions</span>
<Link to="/transactions" />
</Menu.Item>
<Menu.Item key="4">
<Icon type="profile" />
<span>profile</span>
<Link to="/profile" />
</Menu.Item>
<Menu.Item key="5">
<Icon type="key" />
<span>password</span>
<Link to="/password" />
</Menu.Item>
</SubMenu>
<Menu.Item key="7" >
<Icon type="question-circle" />
<span>Help</span>
<Link to="/help" />
</Menu.Item>
<Menu.Item key="8" onClick={this.logOut}>
<Icon type="upload" />
<span>logout</span>
</Menu.Item>
</Menu>

Answer 1

将图标和文本外的链接包装到代码中的每个菜单项。

<Link to="/subscriptions">
<Icon type="line-chart" />
<span>subscriptions</span>
</Link>