reactjs 在React Router Dom v6中添加外部链接?

ru9i0ody  于 2023-02-18  发布在  React
关注(0)|答案(3)|浏览(149)

在V6中看不到一种方法来动态地添加一个外部链接而不需要路由器预先添加站点URL。
<a href={dynamicStrValue} target='_blank' rel='noreferrer'>Link</a>

8i9zcol2

8i9zcol21#

关于:

<Link to={{ pathname:`https://example.com/${dynamicStrValue}`}} target="_blank">My link</Link>

参考他们的文档
当前URL以/结尾时,带有..的<Link to>的行为与正常行为不同。忽略尾部斜杠,并为每个...删除一个URL段。但当前URL以/结尾时,值处理..的方式不同,而当前URL以/结尾时,值处理..的方式不同。

kognpnkq

kognpnkq2#

您的链接必须包括协议,以避免RR前置的网站网址。

68de4m5k

68de4m5k3#

我有同样的问题,你,当执行一个外部组件使用普通锚标记它是重定向到路由器,而不是打开一个空白页。
我的问题的解决方案是简单地删除锚标记中的键参数,如下所示

<a key={item.key} href='{item.url}' target='_blank'> {item.title} <a/>

<a href='{item.url}' target='_blank'> {item.title} <a/>

相关问题