Reactjs Ant-Design Menu - подменю не появляется - PullRequest
0 голосов
/ 31 октября 2018

Я использовал 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>

1 Ответ

0 голосов
/ 31 октября 2018

Оберните ссылку вне значка и текста, как это, в каждый пункт меню в вашем коде.

 <Link to="/subscriptions">
    <Icon type="line-chart" />
     <span>subscriptions</span>
    </Link>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...