代码之家 › 专栏 › 技术社区 › Ryoush

如何使用“链接”

semantic-ui-react semantic-ui react-router reactjs javascript

2

Ryoush · 技术社区 · 7 年前

我不熟悉语义用户界面。我试着用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".....>

我怎样才能解决这个问题?非常感谢。

1 回复 | 直到 7 年前

1

Sagiv b.g 7 年前

你可以通过它 as={Link} .

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