Question

我正在使用react和semantic-ui-react的最新版本

我从语义实现导航到外部链接（github）设置了Icon这个元素

        <Menu.Item
          position="right"
          to="https://github.com"
          as={Link}
        >
          <Icon name="github" size="big" />
        </Menu.Item>

当我单击UI中的图标时，它试图将github URL附加到UI的URL中。所以我在localhost:blah/someUrl正在请求localhost:blah/someUrl/https://github.com

这是<Icon>道具的摆放或滥用问题吗？

Answer 1

这是对路由器链接的滥用：如果要链接到外部页面，请不要使用路由器<Link>组件。

它将通过以下方式工作：

<Menu.Item
 href="https://github.com"
 position="right"
 target="_blank"
>
 <Icon name="github" size="big" />
</Menu.Item>

语义UI-使用Icon元素导航到外部链接

1 个答案: