Я использовал Reactjs Ant-Design Menu в своем реактивном проекте.
Я застрял в одной точке.
Когда я захожу на свой сайт в мобильном представлении и нажимаю на подменю меню Ant-Design.
Он не кликабелен, пока мы не нажмем на экран, другие пункты меню работают правильно,
Пожалуйста, помогите мне, если у кого-нибудь есть решение для этого.
Это мой код:
<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>