如何解决使用React Link时如何防止外部URL追加到localhost URL?
我的本地主机我要附加到我要访问的外部URL。如何预防呢?
<Link to={article.url}>
<img src={article.urlToImage} alt="thumb"/>
</Link>
http:// localhost:3000 / https://bleacherreport.com/articles/2910730-fifa-21-breaking-down-standard-ultimate-covers-and-newest-features
解决方法
选择简单的锚标记。
如果该页面位于您的一条路由上,则该路由器的Link标记很好。否则,只需使用陈旧的anchor tags
const url = 'https://bleacherreport.com/articles/2910730-fifa-21-breaking-down-standard-ultimate-covers-and-newest-features'
<a href={url} />
,
如果您正在使用重定向到项目中一部分的另一个URL,则使用
<Link to=""> ....<Link>
示例:
const my_url = '/contact-us'
<Link to={my_url}>Click here </Link>
但是,如果您要重定向到外部链接,例如google.com,amazon.com等,请使用旧的<a href="link">....</a>
示例:<a href="https://www.google.com/"> click here</a>
您的解决方案是:
const article = {
url : "https://www.google.com/"
}
<a href={article.url}>
<img src={article.urlToImage} alt="thumb"/>
</a>
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。