React Semantic UI Как использовать «Ссылка»

Question

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

Вот мой код

</Menu.Item>
    {_.map(menuItems, item => <Menu.Item {...item} />)}
</Menu.Menu>

И это мой объект меню

const menuItems= [
  { as: "a", content: "About Us", key: "about", path:"/about"},
  { as: "a", content: "Contact", key: "contact", path:"/contact"}
];

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

Возвращает

 <a path="/about" ........>

Но я хочу получить

<Link path="/about".....>

Как я могу решить проблему? Спасибо.

Answer 1

Вы можете передать его as={Link}.

Таким образом, ваши объекты должны отражать следующее:

const menuItems= [
  { as: Link, content: "About Us", key: "about", path:"/about"},
  { as: Link, content: "Contact", key: "contact", path:"/contact"}
];