Не могу обернуть меню. Элемент со ссылкой

Question

В настоящее время я использую Menu для навигации по главному заголовку, с Menu.Item компонентами для отдельных пунктов меню.

В данный моменткод выглядит так:

<Menu>
    <Menu.Item>
        <span className="nav-text">
            <Link href="/login">
                <a>Login</a>
            </Link>
        </span>
    </Menu.Item>
    <Menu.Item>
        <span className="nav-text">
            <Link href="/register">
                <a>Register</a>
            </Link>
        </span>
    </Menu.Item>
</Menu>

, что делает клики на Login и Register кликабельными, но не сами пункты меню.При попытке переместить теги Link и a вверх, чтобы включить все Menu.Item -

<Menu>
    <Link href="/login">
        <a>
            <MenuItem>
                <span className="nav-text">
                    Login
                </span>
            </MenuItem>
        </a>
    </Link>
    <Link href="/register">
        <a>
            <MenuItem>
                <span className="nav-text">
                    Register
                </span>
            </MenuItem>
        </a>
    </Link>
</Menu>

Все меню скрывается и заменяется на ···:

Я не уверен, как это исправить и заставить меню правильно отображаться с помощью пунктов меню, которые можно нажимать, и поэтому я хотел бы получить некоторыепомогите с этим.

Answer 1

Кажется, что проблема как-то исправилась, и раньше я столкнулся с другой проблемой, которую я не могу воспроизвести в данный момент.

Answer 2

Ваш синтаксис для компонента Link неверен.вы должны использовать вот так: <Link to="/register">Register</Link>

измените свой код на это:

  <Menu mode="horizontal">
    <Menu.Item key="login">
      <Link to="/login">
        <span className="nav-text">Login</span>
      </Link>
    </Menu.Item>

    <Menu.Item key="register">
      <Link to="/register">
        <span className="nav-text">Register</span>
      </Link>
    </Menu.Item>
  </Menu>