我是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".....>
我怎样才能解决问题?谢谢。
你可以传递它as={Link}
。
所以基本上你的对象应该反映出:
const menuItems= [
{ as: Link, content: "About Us", key: "about", path:"/about"},
{ as: Link, content: "Contact", key: "contact", path:"/contact"}
];